//合计当前页数据
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());//调用合计函数
});
分享到:
相关推荐
在GridPanel中添加“合计”行,主要涉及到View的自定义和数据处理。 1. **创建自定义View**: - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格...
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的操作。本篇文章将详细探讨“ExtJs Grid选择行”的相关知识点。 首先,我们要了解ExtJs Grid中的选择模型(Selection Model)。...
- **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要定义过滤条件。 - **Filter Types**:多种内置过滤器类型,如文本、数字、日期等,满足不同数据类型...
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
在Grid中,Store与Model关联,Model定义了数据字段和其行为。 4. **列配置**: Grid的列配置定义了每列的显示方式,包括字段名、标题、宽度等。此外,还可以添加额外的功能,如排序、锁定列、自定义渲染等。 5. *...
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
Extjs动态Grid的生成 htm
具体实现时,开发者可能会在EXTJS的事件处理器中添加导出功能,例如在Grid的工具栏上添加一个“导出”按钮,当点击该按钮时触发数据导出的函数。这个函数会按照上述步骤操作,最终生成一个可供下载的Excel文件。 在...
本文将深入探讨如何在ExtJS中动态生成Grid,这是一个非常实用的功能,可以适应不断变化的数据需求和用户交互。我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味...
下面我们将深入探讨如何在ExtJS 4.0 Grid中实现单元格合并,以及其背后的技术细节。 首先,理解Grid的基本结构是关键。Grid由一系列行(rows)和列(columns)组成,每个单元格(cell)对应一个特定的数据值。在...
本教程将详细讲解如何修正EXTJS Grid中的中文排序问题。 首先,我们需要理解EXTJS Grid的排序原理。EXTJS Grid的排序功能是基于其内部的Store对象实现的,Store中的每条记录都有一个对应的sortField和sortDir属性,...
因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...
在ExtJS6中,数据网格可以配置分组、分组合计行以及二重表头,这些都是增强数据展示和理解的重要特性。分组功能允许将数据按照特定字段进行分类,使数据更有条理;分组合计行则是在每个分组下显示该组数据的总计,...
EXTJS允许将Grid与表单控件集成,使得Grid中的数据可以直接编辑。通过设置`editable`属性或者使用`cellEditing`插件,可以在Grid的单元格内直接编辑数据。同时,Grid也可以和FormPanel结合,用于数据的输入和验证。 ...
extjs4 grid 包括form js代码
2. **数据导出**:在EXTJS中,数据导出功能通常涉及到将Grid中的数据显示在其他格式,如CSV、PDF或Excel中。这通常是通过编写自定义插件或者扩展Grid的功能来实现的。 3. **EXTJS 3.2.0**:这是EXTJS的一个特定版本...
在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...
7. **编辑功能**:如果需要在Grid中编辑数据,可以使用CellEditing或RowEditing插件,实现单击单元格或整行编辑。 8. **分页**:通过配置store的proxy和paging属性,可以实现数据的分页加载,`Ext.toolbar.Paging`...
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例