weixin_42502995
西贝贝西
2013-03-06 22:30
浏览 314
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • FangXingXing007
    FangXingXing007 2013-03-07 09:14
    已采纳

    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]

    点赞 评论
提交

相关推荐