`

Extjs中grid添加合计行

    博客分类:
  • dwr
EXT 
阅读更多
//合计当前页数据

    function GridSum(grid)
   {
            var sum1 = 0; //存储第一个列的合计值
             var sum2 = 0; //存储第二个列的合计值
                                      //...有几个列需要合计就声明几个变量                                
             grid.store.each(function(record){              //函数grid.store.each(record))相当于一个for循环,遍历整个record
              sum1 += Number(record.data.money1); //把money1列下面的所有值进行加和运算
              sum2 += Number(record.data.money2); //把money2列下面的所有值进行加和运算
          });     
       var p = new Ext.data.Record(
         {    
                  money1:sum1,  //把money1列与合计后得到的值对应起来
                  money2:sum2   //把money2列与合计后得到的值对应起来  
         }
         );                   
                grid.store.insert(0, p);// 插入到当前页的第一行
               //grid.store.insert(grid.getStore().getCount(), p);  //插入到当前页的最后一行,函数 grid.getStore().getCount()用来获得当前页的记录行数

  }
   //合计函数End

             // 在Store的load事件被触发后,调用合计函数
             grid.getStore().on('load', function() {

             GridSum(grid.getGrid());//调用合计函数

      });

分享到:
评论

相关推荐

    给Extjs的GridPanel增加“合计”行

    3. **添加合计行模板**: - 定义一个合计行的模板,可以使用EXTJS的XTemplate。模板中包含合计值的占位符,这些占位符将在数据计算完成后被替换为真实的合计值。 4. **插入合计行到DOM**: - 在自定义View的`...

    Extjs 4.2分组小计

    首先,我们需要理解ExtJS中的Grid组件。Grid是一种可配置的、可滚动的数据展示视图,用于显示二维数据集。分组功能允许我们将数据按照一个或多个字段进行分组,而小计功能则可以在每个分组底部计算特定字段的总和或...

    改变gridpanel的行颜色

    在使用GridPanel组件进行数据展示时,为了提高可读性和用户体验,我们经常需要对表格中的某些行或单元格进行颜色上的区分。本文将详细介绍如何通过不同的方法来实现这一功能,包括在加载数据时改变列的颜色、加载...

    UniGUI集合说明--追月无名.pdf

    - **添加ADO组件**:在Delphi IDE中添加必要的ADO组件。 - **配置连接字符串**:设置正确的数据库连接字符串。 - **编写查询语句**:使用ADO组件执行SQL查询。 #### 9. MainModule怎样得到 js变量的值 在UniGUI中...

    UniGUI集合说明

    - **添加到TabControl**:将新创建的TabSheet添加到相应的TabControl中。 - **设置属性**:根据需要设置TabSheet的属性,如标题等。 #### 26. UniGUI中如果获得Session情况 获取Session的状态和信息可以通过调用...

Global site tag (gtag.js) - Google Analytics