grid组件默认在column的footerData属性上可以直接设置,但是动态创建是不能直接在列上设置,需要在动态创建是设置useFooter : true,然后创建后根据创建的grid的xid获取grid组件调用setFooterData方法设置
具体如下:
//引用grid.js var Grid = require("$UI/system/components/justep/grid/grid"); Model.prototype.button5Click = function(event) { var me = this; var parentNode = me.getElementByXid("content2"); var option = { parentNode : parentNode, //grid的属性,设计时有的属性都可以设置 data : "data1", xid : "gridMain", width: '100%', height:'auto', useFooter : true, // 列定义 colModel : [ { name : "fName", xid : "column1", label : "名称" }, { name : "fCode", xid : "column2", label : "编码" }, { name : "fSZ", xid : "columns3", label : "数值" }, { name : "fText", xid : "columns4", label : "备注" } ] }; new Grid(option); } me.comp("gridMain").setFooterData({ fName : '合计:', fSZ : me.data1.sum("fSZ") }); };
评一波