动态创建dataTables & grid设置列的label都是在column上操作,但是两个用的属性名不一样
dataTables用的是title,grid的用的是label
1.动态创建dataTables
// 引用dataTables.js var dataTables = require("$UI/system/components/justep/dataTables/dataTables"); Model.prototype.button4Click = function(event) { var parentNode = this.getElementByXid("content2"); var option = { parentNode : parentNode, // dataTables的属性,设计时有的属性都可以设置 data : "data1", class : 'table table-hover table-striped', flexibleWidth : true, multiSelect : true, responsive : false, // 列定义 columns : [{ sName : "fName", xid : "column1", title : "名称" }, { sName : "fCode", xid : "column2", title : "编码" } ] }; new dataTables(option); };
2.动态创建grid
//引用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的属性,设计时有的属性都可以设置 data : "data1", xid : "gridMain", width: '100%', height:'auto', // 列定义 colModel : [ { name : "fName", xid : "column1", label : "名称" }, { name : "fCode", xid : "column2", label : "编码" }] }; new Grid(option); } };
评一波