`

Extjs中grid添加合计行

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

    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增加“合计”行

    在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格...

    ext grid 合计行

    找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...

    ExtJs Grid选择行

    在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的操作。本篇文章将详细探讨“ExtJs Grid选择行”的相关知识点。 首先,我们要了解ExtJs Grid中的选择模型(Selection Model)。...

    ExtJS grid过滤操作

    - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要定义过滤条件。 - **Filter Types**:多种内置过滤器类型,如文本、数字、日期等,满足不同数据类型...

    extjs中设置grid默认行高及换行

    Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...

    Extjs4 grid使用例子

    在Grid中,Store与Model关联,Model定义了数据字段和其行为。 4. **列配置**: Grid的列配置定义了每列的显示方式,包括字段名、标题、宽度等。此外,还可以添加额外的功能,如排序、锁定列、自定义渲染等。 5. *...

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    Extjs动态Grid的生成 htm

    Extjs动态Grid的生成 htm

    extjs grid数据导出excel文件

    具体实现时,开发者可能会在EXTJS的事件处理器中添加导出功能,例如在Grid的工具栏上添加一个“导出”按钮,当点击该按钮时触发数据导出的函数。这个函数会按照上述步骤操作,最终生成一个可供下载的Excel文件。 在...

    ExtJs动态grid的生成

    本文将深入探讨如何在ExtJS中动态生成Grid,这是一个非常实用的功能,可以适应不断变化的数据需求和用户交互。我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味...

    ExtJS GRID单元格合并

    下面我们将深入探讨如何在ExtJS 4.0 Grid中实现单元格合并,以及其背后的技术细节。 首先,理解Grid的基本结构是关键。Grid由一系列行(rows)和列(columns)组成,每个单元格(cell)对应一个特定的数据值。在...

    Extjs grid 中文排序问题修正

    本教程将详细讲解如何修正EXTJS Grid中的中文排序问题。 首先,我们需要理解EXTJS Grid的排序原理。EXTJS Grid的排序功能是基于其内部的Store对象实现的,Store中的每条记录都有一个对应的sortField和sortDir属性,...

    ExtJs grid多选时获取选中的所有值

    因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...

    ExtJs6 导出excel(包含分组、分组合计行、二重表头)

    在ExtJS6中,数据网格可以配置分组、分组合计行以及二重表头,这些都是增强数据展示和理解的重要特性。分组功能允许将数据按照特定字段进行分类,使数据更有条理;分组合计行则是在每个分组下显示该组数据的总计,...

    Extjs动态GRID

    EXTJS允许将Grid与表单控件集成,使得Grid中的数据可以直接编辑。通过设置`editable`属性或者使用`cellEditing`插件,可以在Grid的单元格内直接编辑数据。同时,Grid也可以和FormPanel结合,用于数据的输入和验证。 ...

    extjs4 grid(含form)

    extjs4 grid 包括form js代码

    EXTJS grid导出EXCEL文件

    2. **数据导出**:在EXTJS中,数据导出功能通常涉及到将Grid中的数据显示在其他格式,如CSV、PDF或Excel中。这通常是通过编写自定义插件或者扩展Grid的功能来实现的。 3. **EXTJS 3.2.0**:这是EXTJS的一个特定版本...

    ExtJs6.5Grid列表导出(包含样式)

    在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...

    ExtJS 使用grid显示数据

    7. **编辑功能**:如果需要在Grid中编辑数据,可以使用CellEditing或RowEditing插件,实现单击单元格或整行编辑。 8. **分页**:通过配置store的proxy和paging属性,可以实现数据的分页加载,`Ext.toolbar.Paging`...

    EXTJS4 表格GRID示例

    EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例

Global site tag (gtag.js) - Google Analytics