[ExtJs] Grid合计

最新推荐文章于 2017-11-15 19:29:00 发布
最新推荐文章于 2017-11-15 19:29:00 发布
阅读量161 收藏
点赞数
分类专栏： Extjs 文章标签： Extjs grid 合计 GridSummary
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_21103/article/details/82564705
版权
本文介绍了三种在ExtJs Grid中实现合计的方法：通过JsonReader和GroupSummary插件，后台预处理并返回JSON数据，以及客户端动态统计。分别讨论了它们的适用场景和优缺点，适合需要在Grid中进行数据合计的开发者参考。
摘要由CSDN通过智能技术生成

本文来自：http://www.cnblogs.com/over140/archive/2010/06/28/1766608.html，非常感谢作者的分享！

[ExtJs]Grid合计(三)

 

前言

　　今天又有朋友给发邮件询问Grid合计的问题，看的应该是我较早的文章，这里汇总一下并提供第三种合计的方法。

 

正文

　　一、方法一

　　　　通过修改JsonReader并使用插件GroupSummary，文章：ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

 

　　二、方法二

　　　　先在后台 (C#服务端)统计好，然后添加DataTable（多返回一行数据），然后序列号成JSON返回给客户端，文章：ExtJs 备忘录（7）—— GirdPanl表格（三࿰

最低0.47元/天 解锁文章
iteye_21103
关注
专栏目录
[ExtJs]表格分页列注脚行合计
拒绝成猿的程序员
08-26 392
在使用extjs的grid分页时，若是再采用了列注脚，列注脚默认仅是当前页的，如下： 总共有8条数据，每页分为5行，采用行合计，希望显示的是总计8，结果却是第一页为5，第二页为3. 代码： 这里采用前端内存分页进行演示 { xtype: 'grid', id: 'grid', store: { autoLoad: false, proxy: { type: 'memory', enableP
ext grid 合计行
05-11
找了半天，结果在extjs的老家找到一个前辈写的代码，可以在grid上面加上合计，<br><br>但是却只能合计grid里面的数据，但是我们平常一般是只显示20行或者30行，这样的合计就没有什么意义，我们的合计数据是单独从数据库里面合计出来的。<br><br>于是将其改造了，现在可以通过代码来指定合计行的信息。<br><br>调用代码如下：<br><br>summary.setSumValue(Ext.decode("{'company':'Average','price':'ASDFASDFASDFDSA','change':'12312312321','pctChange':'123'}"));<br><br>前辈的链接：http://extjs.com/forum/showthread.php?p=166417#post166417
[ExtJs]Grid合计(三)
weixin_34144848的博客
06-28 162
前言 　　今天又有朋友给发邮件询问Grid合计的问题，看的应该是我较早的文章，这里汇总一下并提供第三种合计的方法。     正文 　　一、方法一 　　　　通过修改JsonReader并使用插件GroupSummary，文章：ExtJs Grid 合计 [Ext | GridPanel | GridSummary]   　　二、方法二 　　　　先在后台 (C#服务端)统计好，然后添...
Extjs的grid总计实现
wang_tao219的博客
02-01 2578
Ext.define('person.view.tongji.Salary', {     extend: 'Ext.panel.Panel',     layout: 'border',     border: false,     margins: '0 0 0 0',     initComponent: function() {         var me = this;
给Extjs的GridPanel增加“合计”行
08-09
NULL 博文链接：https://tonylian.iteye.com/blog/1735525
EXTJS4:在grid中加入合计行
a304096740的博客
06-03 203
extjs4很方便的实现简单的合计（针对在不分页的情况下）： 它效果实现在：Ext.grid.feature.Summary这个类中 Ext.define('TestResult', { extend: 'Ext.data.Model', fields: ['student', { name: 'mark', type: '...
ExtJs6 导出excel（包含分组、分组合计行、二重表头）
06-29
ExtJS6是该框架的一个版本，提供了丰富的组件和功能，其中包括数据网格（Grid）组件，能够展示大量的数据并进行复杂的操作。在标题和描述中提到的“导出Excel”功能，就是指将数据网格中的数据导出为Microsoft Excel...
Extjs中grid添加合计行
dnanhui的博客
04-14 703
//合计当前页数据 function GridSum(grid) { var sum1 = 0; //存储第一个列的合计值 var sum2 = 0; //存储第二个列的合计值 //...有几个列需要合计就声明几个变量 ...
EXT中为Grid添加合计行
p419228530的专栏
11-15 3882
gridstore.load({params: { start: 0, limit: pageSize }, callback: function() { amountsum(); } }); //在gridstore load的的时候用回调加载合计行 @*-----------合计-----------*@ script>     function amountsum(){
Ext Grid 的合计行解决
Barrier的博客
10-22 5343
在实际的应用中，我们的用户经常会要求需要在展现数据的网格上，增加合计行这样的功能，Ext.Grid.GridPanel本身并不支持合计行，在EXT的官方论坛上，有一些plugin可以实现合计行的功能。但其解决的个人觉得不太好用，于是，只有自己手动来做了。首先，我们要搞清楚，grid控件，是与ColumnModel,Store,GridView等对象一起协作地，所以要分析需要从什么地方入手解决问
Extjs grid增加合计行
dzqlhh
04-19 407
      这里讲诉的合计方法是在前台增加合计行的方法，不包含后台计算合计的方法。 如果我们需要在grid的第一行增加一行合计的时候，只需要将grid的store数据进行循环，将需要合计的列一次叠加后，返回一个合计值，将合计值赋给定义好的record，然后将此record插入到grid内。代码如下： var p = new Ext.data.Record({fields : ['name', ...
ExtJs Grid 合计 [Ext | GridPanel | GridSummary]
weixin_34294649的博客
11-15 240
正文 1.截图效果 2.修改源代码 ext-3.0-rc1\source\data\JsonReader.js，添加汇总接受数据的属性，注意代码红色部分。 2.1添加属性，this.dataSum = 0，源码97行后： Ext.data.JsonReader=fun...
[ExtJs]Grid合计
mengzhengjie的专栏
04-14 862
前言 　　今天又有朋友给发邮件询问Grid合计的问题，看的应该是我较早的文章，这里汇总一下并提供第三种合计的方法。     正文 　　一、方法一 　　　　通过修改JsonReader并使用插件GroupSummary，文章：ExtJs Grid 合计 [Ext | GridPanel | GridSummary]   　　二、方法二 　　　　先在后台 (C#服务端)统计好，然
Extjs中GridSummary实现EditorGridPanel的合计功能
孤雁是天的寂寞
01-13 406
在使用gridpanel中，可以使用插件Ext.ux.grid.GroupSummary，实现分组统计，如图所示。 但通常情况下，我们也需要不进行分组统计，直接对数据进行合计显示，如下图： 这个时候，可以使用另外一个插件，Ext.ux.grid.GridSummary，使用方法与Ext.ux.grid.GroupSummary类似 ，现举例如下： &lt;!DOCTYPE HTM...
Extjs grid 合计
liuxi1024的专栏
05-31 156
1、直接在客户端统计，动态的修改Grid   2、代码如下 buttons: [{ text: '查询', handler: function() { var a = Ext.getCmp('wholesale-query-form').form.getValues(); var s = Ext.StoreMgr.lookup('wholesaleReportStore'...
Extjs Grid 操作指南：事件处理与值获取
"本文将详细介绍Extjs Grid的各种操作，包括获取数据、设置事件处理等核心功能。" 在Extjs中，Grid是一种非常强大的组件，用于展示和管理大量的数据。它提供了丰富的功能，如分页、排序、筛选、编辑等，使得用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值