grid的多表头是通过groupHeaders节点控制的,因此可以在动态创建的时候设置groupHeaders的配置,如下:
//引用grid.js
var Grid = require(“$UI/system/components/justep/grid/grid”);
Model.prototype.button5Click = function(event) { var parentNode = this.getElementByXid("content2"); var option = { parentNode : parentNode, // grid的属性,设计时有的属性都可以设置 xid : "gridMain", data : "data1", width : '100%', height : 'auto', useFilterBar : true, // 列定义 colModel : [ { name : "fName", xid : "column1", label : "名称" }, { name : "fCode", xid : "column2", label : "编码" }, { name : "fCreateTime", xid : "column3", label : "创建时间" } ], //多表头定义 groupHeaders : [ [{ startColumn : 'fName',//从哪个列开始显示多表头 columnCount : 2,//共几列显示多表头 titleText : '基本信息',//显示的多表头信息 xid : 'group1' }]] }; new Grid(option); }
评一波