关于extJS gridPanel的表头嵌套 如何实现

我想实现一个grid  它的表头 类似附图这样样式的,具体该怎么实现呢

1个回答

ExtJS支持直接在column里定义column实现表头嵌套,类似下面的代码
[code="java"]mycolumns.push( {
header : '用户信息',
dataIndex : "name",
// locked:true,
// column中可以再嵌套列,形成多表头可读性更强的表格
// 使用多表头的时,flex失效,必须显示地给列定义width固定宽度,百分比失效
// 否则表头宽度显示异常
columns : [ {
header : '姓名',
dataIndex : "name",
width : 300,
sortable : true,
editor : {// 通过field或editor配置项说明该单元格的编辑组件是什么
xtype : 'combo',
store : editstore,
id : 'names',
allowBlank : false,
lazyRender : true,
typeAhead : true,
triggerAction : 'all',
queryMode : 'local',
selectOnTab : true,
displayField : 'name',
valueField : 'name',
listClass : 'x-combo-list-small',
listeners : {
select : function(combo, record, index) {
isEdit = true;
}
}
}
}, {
header : '邮箱',
dataIndex : "email",
width : 300,
sortable : true,
editor : {
allowBlank : false
// 默认使用的textfield的值
}
} ]
});[/code]

FangXingXing007
FangXingXing007 mycolumns就是你用来作为Grid表头的定义数组
接近 7 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问