ExtJs Grid 合计 [Ext | GridPanel | GridSummary]
2010-09-14 13:45:37 来源:WEB开发网3. 调用代码
3.1 改后的JsonReader调用方法:
var jr = new Ext.data.JsonReader({
totalProperty: 'count',
root: 'result',
dataSum: 'dataSum' //注意了,这个是我自定义的属性(成员变量)
},[
{ name: 'fgsname' },
{ name: 'dianname'},
{ name: 'asd' },
{ name: 'Money',type: 'float'}
]);
3.2 为GridPanel添加插件
var summary = new Ext.ux.grid.GridSummary();
var grid = new Ext.grid.GridPanel({
plugins: summary,
//
3.3 修改ColumnModel
var renderSummary = function(o, cs, cm) {
return '合计:'+jr.dataSum;
}
var dataColumns = new Ext.grid.ColumnModel([
{header: "编 号", align:'center', dataIndex: 'asd'},
{header: "分公司", align:'center', dataIndex: 'fgsname',locked: true},
{header: "店 面", align:'center', dataIndex: 'dianname'},
{header: "余 额", align:'center', dataIndex: 'Money',summaryRenderer:renderSummary}
]);
4. 代码下载:
http://file.ddvip.com/2009_05/2009_05/1241693767_ddvip_7652.rar
更新:
1. 2009-5-6 请在我修改后的JsonReader.js大概210行左右加上如下标红代码:
var root = this.getRoot(o), c = root.length, totalRecords = c, success = true;
//add
if(s.dataSum){
this.dataSum = o.dataSum;
}
if(s.totalProperty){
var v = parseInt(this.getTotal(o), 10);
if(!isNaN(v)){
totalRecords = v;
}
}
结束
开源项目这点还是非常好的,就是你看不顺眼或者根据自己的需求可以任意的修改代码,但是修改的时候请小心一点,需要大致明白里面的工作机制。
- ››ExtJs Grid 合计 [Ext | GridPanel | GridSummary...
- ››ExtJS中如何扩展自定义的类
- ››Extjs列表详细信息窗口新建后自动加载解决方法
- ››gridview中弹窗口(根据不同的条件,弹出不同的窗...
- ››extjs学习笔记(一) 一些基础知识
- ››ExtJS 3.0 图片浏览程序
- ››ExtJS 技巧笔记
- ››ExtJS 2.2 开源网络硬盘系统
- ››ExtJs实践:支持“复杂”Json的JsonReader
- ››ExtJs 中使用 TaskRunner 和 DelayedTask 如何传参...
- ››ExtJs Grid分页时序号自增的实现
- ››ExtJS在Android中的显示效果
赞助商链接