ExtJs Grid 合计 [Ext | GridPanel | GridSummary]

前言

五一期间学习Ext很痛苦也很快乐,到现在也算是小有所成,陆 陆续续的开始在项目中使用,Ext的表格据统计是使用率最高的一个组件,实在 是很强大,但我以为关键是很漂亮,而他本身并不支持数据的统计功能,但是我 们可以在他的sample里面找到一个Live Group Summary的例子,但是这个例子仅 能够统计一页是数据,实际使用中是不现实的,鼓捣2天后有了这个偏方 : ) 下 面和大家一起分享。

版本

ext-3.0-rc1

正文

1.截 图效果

2.修改源代码 ext-3.0-rc1\source\data\JsonReader.js,添加汇总接 受数据的属性,注意代码红色部分。

2.1 添加属性,this.dataSum = 0 ,源码97行后:

Ext.data.JsonReader = function(meta,  recordType){
    meta = meta || {};
    this.dataSum = 0;//add
    Ext.data.JsonReader.superclass.constructor.call(this, meta,  recordType || meta.fields);
};

2.1 为属性赋值,源码180 行左右,红色部分。

if (!this.ef) {
  // over 2009-5-3
  if(s.dataSum){
    this.dataSum = o.dataSum;
  }
  if(s.totalProperty) {
   this.getTotal = this.getJsonAccessor(s.totalProperty);
}

时间: 2024-10-29 20:43:47

ExtJs Grid 合计 [Ext | GridPanel | GridSummary]的相关文章

extjs中如何用GridPanel显示xml格式的数据

问题描述 extjs中如何用GridPanel显示xml格式的数据 我代码运行时没有报错误,就是显示不出来我要的数据extjs代码如下:Ext.onReady(function(){ //Ext.BLANK_IMAGE_URL=""../Ext/resources/images/default/s.gig""; //记录类型var Person=new Ext.data.Record.create([{name:""id""m

extjs grid renderer用法

今天在做项目时,需要在列表中的某列添加一个超链接,首先要取得当前选中行的数据,判断数据类型,然后链接到不同的页面,研究下.发现ExtJs提供了一个很强的方法如下: var cm = new Ext.grid.ColumnModel( [ new Ext.grid.RowNumberer({ header: "", width: 20, align: 'center' }), { header: '', align: 'center', dataIndex: 'AccountAndRos

Extjs grid panel自带滚动条失效的解决方法_extjs

之前用EXTJS的gridPanel组件的时候,因为经常对gridPanel中的stroe数据进行过滤,所以有时候总是导致gridPanel自身所带的scrollbar失效. 取个实例,EXTJS gridPanel自带的滚动条,是有一个固定的列宽来放置这个scrollbar的,如上图所示.所以当这个scrollbar失效的时候,无论你怎么拖动这个滚动条,grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据(换句话说就是你永远看到的数据都是截图中的这几条record). 至于

extjs grid从后台重新载入数据后,复选框不能选

问题描述 extjs grid从后台重新载入数据后,复选框不能选 20C EXTjs 3.2环境页面默认数据都正常,一但从后台搜索出数据后,可以展示到grid窗口,复选框变不可选了,怎么解决呢 解决方案 使用ds. 在配置GridPanel时,某些现有的配置可能会变成无效的. 例如,配置的 autoExpandColumn 可能在新的ColumnModel中不再存在. 并且,现有的 PagingToolbar 将仍然被绑定在旧的Store上,并且需要重新绑定. 所有plugins 也需要使用新数

ExtJs grid行 右键菜单的两种方法_extjs

在这下边: 方法一 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

ExtJs Grid分页时序号自增的实现

ExtJs Grid分页时,默认情况下每页的序号都是从1起始的,这往往不符合我们的习惯.这里实现了序 号的自动增加. 先看效果图: 实现步骤如下: 1.定义全局变量. var record_start = 0; 2.Grid的columns部分的定义. columns : [new Ext.grid.RowNumberer({ header : "序号", width : 40, renderer:function(value,metadata,record,rowIndex){ re

渲染-extjs grid嵌套问题 内部grid不能显示到外部grid的指定位置

问题描述 extjs grid嵌套问题 内部grid不能显示到外部grid的指定位置 我已近在csdn看到已完成的例子,但是只能在不使用mvc模式下实现,但我把其放到使用mvc的项目中,却渲染不到表格内部,若改为渲染到body才可以 解决方案 看下最终产生的html,有没有嵌套正确.产生的html和css是什么 解决方案二: ext的mvc还是asp.net的那种mvc项目? 注意ext grid表格数据加载时异步的,你要渲染到指定的数据表格里面,要在grid的store的load事件中执行渲染

extjs grid如动态同步表单元格

问题描述 extjs grid如动态同步表单元格 我在grid里面设置了rowedting,里面有一列A是combobox,当用户选择了列A的值以后会向后台请求一个与列A级联的列B的值 grid的model里面有A和B combobox里面有displayName和Value 我为列A设置了renderer function(value,metadata,record){ var selectStore=Ext.data.StoreMgr.lookup('SelectStore'); var i

初学JavaScript_03(ExtJs Grid的简单使用)_javascript技巧

<html> <head> <title>Ext中的Grid例子</title> <link rel="stylesheet" type="text/css" href="../AllRes/resources/css/ext-all.css"/> <script type="text/javascript" src="../AllRes/adapte