ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

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;
　　　　　　　　　　　　}
　　　　　　　　}

结束

开源项目这点还是非常好的，就是你看不顺眼或者根据自己的需求可以任意的修改代码，但是修改的时候请小心一点，需要大致明白里面的工作机制。