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")
});
};
评一波