开发学院网页设计JavaScript ExtJs Grid 合计 [Ext | GridPanel | GridSummary... 阅读

ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

 2010-09-14 13:45:37 来源:WEB开发网   
核心提示: 3.调用代码3.1改后的JsonReader调用方法:varjr=newExt.data.JsonReader({totalProperty:'count',root:'result',dataSum:'dataSum'//注意了,这个是我自

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,
        
        //ExtJs Grid 合计 [Ext | GridPanel | GridSummary]ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

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

结束

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

上一页  1 2 3 

Tags:ExtJs Grid 合计

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接