`

Ext 统计行

    博客分类:
  • JS
 
阅读更多

统计行不参与grid中行的排序。



 ExtJs统计行展示
  通用方式:分页查询后,后台组织生成json数据,最后一行统计的信息行,然后返回到前台。

  

json.append("{prjid:'',prjtype:''," +
					"dirid:'',prjsource:''," +
					"buildState:'',year:''," +
					"code:'汇总',name:''," +
					"manager:'',managerName:'',state:''," +
					"totalinvestment:'"+map.get("to") +"',designamount:'"+map.get("de")+"'," +
					"contractquantity:'"+map.get("cy")+"',contractamount:'"+map.get("ct")+"'," +
					"orderamount:'"+map.get("ot")+"',finalaccountsamount:'"+map.get("ft")+"'," +
					"planfinishdate:'',factfinishdate:''," +
					"builddepartment:'',builddepartmentName:'',capitalScale:''," +
					"rateScale:'',singleflag:'0'}");

 

 

//排序规则 
        sortInfo: {field: 'totalinvestment', direction: 'ASC', field: 'designamount', direction: 'ASC'},
        sortData: function(field, direction){  
          direction = direction || 'ASC';  
          var dir = direction == 'ASC' ? 1 : -1;  
          var st = this.fields.get(field).sortType;  
          //关键地方,重写排序规则  
          var fn = function(r1, r2){  
            if(!r1.get('prjid')||!r2.get('prjid')){  
              //数据永远在最后一行  
              return !r1.get('prjid') ? dir : -dir;  
            }else{  
              var v1 = st(r1.data[field]), v2 = st(r2.data[field]);  
              return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);  
            }  
          };  
          this.data.sort(direction, fn);  
          if(this.snapshot && this.snapshot != this.data){  
            this.snapshot.sort(direction, fn);  
          }  
        } 

 

 

API:

sort (  String/Array fieldName ,  [ String dir ] ) : void
对记录进行排序。如果使用远程排序,将在服务端进行排序操作, 然后刷新缓存。...
对记录进行排序。如果使用远程排序,将在服务端进行排序操作, 然后刷新缓存。 如果使用本地排序,缓存将在内部排序。
另请参见 remoteSort 和 paramNames。
此函数接受两种调用参数-将字段名作为第一个参数传递进来, 或者将多条件联合排序的配置对象作为一个数组传递进来。
单条件排序示例:store.sort('name', 'ASC');多条件联合排序 示例store.sort([ { field : 'name', direction: 'ASC' }, { field : 'salary', direction: 'DESC' } ], 'ASC');
在以上的第二种形式中,排序参数将会被依次应用, 后面的排序器将在前面排序器产生的结果上进行再次排序操作。
例如,依照上面的排序配置, 如果存在具有相同名字的两条记录,它们将会按照薪水进行排序。
排序配置可以添加任意多个。

参数:
1、fieldName : String/Array
   进行排序的字段名,或者一个整理好的排序配置数组
2、dir : String
   (可选) 排列顺序,'ASC' 或者 'DESC' (大小写敏感,默认为 'ASC')

返回值:
 
   void

  • 大小: 4.6 KB
分享到:
评论

相关推荐

    FusionCharts+ext统计图

    FusionCharts+ext实现的3D效果的柱状图,饼状图

    ext grid 合计行

    &lt;br&gt;调用代码如下: &lt;br&gt;summary.setSumValue(Ext.decode("{'company':'Average','price':'ASDFASDFASDFDSA','change':'12312312321','pctChange':'123'}")); &lt;br&gt;前辈的链接:...

    EXT JS 统计图表

    其统计图表组件是EXT JS库中的一个重要部分,提供了丰富的图表类型和高度定制的功能,适用于数据分析、数据可视化以及各种业务报告。EXT JS Charts允许开发者创建交互式的、动态的图表,使用户能够更直观地理解和...

    Ext会员统计管理系统

    “Ext统计系统”则强调了系统的数据分析和报表展示能力。利用ExtJS的图表组件,系统可以将复杂的会员数据转化为直观的图形报告,如柱状图、饼图、线图等,帮助企业决策者快速理解会员行为模式,从而优化运营策略。 ...

    Ext Grid表格分组统计

    当我们需要对数据进行分组并同时显示统计信息时,`Ext Grid`提供了`GroupSummary`功能。在这个完整的例子中,我们将深入探讨如何实现这一功能。 首先,我们要创建一个基本的`Ext Grid`配置。这通常包括定义`store`...

    EXT安装包4.2.1-1

    4. **强大的图表库**:EXT包含一个完整的图表组件,可以生成各种统计和数据分析图表,如折线图、柱状图、饼图等。 5. **触摸支持**:EXT4.2.1优化了对触摸设备的支持,使得在平板电脑和智能手机上也能流畅操作。 6. ...

    Ext 统计图

    Ext 报表 统计图 报文 clolumchart的详细使用

    ext 3.3 中文 chm

    8. 图表(Charts):EXT 3.3的图表组件,如何创建各种统计图表,如柱状图、折线图等。 9. 性能优化(Performance Optimization):提供了一些提高EXT 3.3应用程序性能的技巧和策略。 10. API参考(API Reference):...

    Ext js 教程大全

    ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。 功能丰富,无人能出其右。 无论是界面之美,还是... 呵呵~不过ext也不是万能的,ext没有默认的统计功能,也不支持excel,pdf等导出数据。

    EXT酒店管理实例EXT酒店管理实例

    4. **报表和统计**:EXT的图表组件可以用于生成各类报表,如入住率报告、收入分析等,帮助管理层了解酒店的经营状况,做出决策。 5. **权限控制**:EXT支持角色和权限管理,可以根据员工的角色分配不同的操作权限,...

    Ext手册中文pdf版本

    5. **图表组件**:Ext的图表组件支持创建各种复杂的统计图表,如折线图、柱状图、饼图等,有助于数据可视化。 6. **触摸支持**:Ext Touch是针对移动设备的版本,提供了一套专为触摸屏优化的组件和API,使开发者...

    EXT2API documentation

    3. **文件系统分析**:开发者可以利用EXT2API对EXT2文件系统进行深入分析,获取性能数据和统计信息。 4. **定制文件系统工具**:创建特定需求的工具,如文件搜索、权限管理、日志记录等。 EXT2API的学习和使用涉及...

    Ext 2.3中文文档-API

    5. **图表绘制**:EXT的图表组件(Charts)能够生成各种统计图表,如柱状图、饼图、线图等,方便数据可视化。文档中包含了图表的配置选项和使用示例。 6. **事件处理**:EXT的事件模型允许开发者通过监听和响应事件...

    Ext2.2 中文API

    7. **文件系统信息**:`statfs()`, `fstatfs()`提供关于文件系统的统计信息,如总块数、已用空间、文件系统类型等。 8. **特殊文件操作**:如`mknod()`用于创建设备文件或其他特殊文件。 9. **符号链接**:`...

    最新的ext2.0下载

    5. **图表组件**:EXT2.0引入了图表组件,可以轻松创建各种统计图表,如柱状图、饼图、线图等,为数据可视化提供了有力工具。 6. **可扩展性**:EXT2.0的API设计得更为完善,更容易进行二次开发和扩展,允许开发者...

    ext.net后台管理

    6. **强大的图表库**:EXT.NET提供了丰富的图表组件,可以生成各种复杂的统计图表,用于后台数据可视化。 7. **C#服务器端API**:EXT.NET允许开发者使用C#在服务器端直接操作组件,与.NET框架无缝集成,提高了开发...

    ext漂亮的桌面系统2.0

    6. **EXT Charts**:图表组件,提供各种类型的统计图表,如柱状图、饼图、线图等,便于数据可视化。 在实现EXT桌面系统时,开发者首先需要规划好系统的架构,定义各个模块和组件的功能。然后,根据需求选择合适的...

    EXT风格PHP饼状图统计图表实例.zip

    一款EXT风格PHP饼状图统计图表插件,PHP结合JS插件实现的圆形饼状图实例,这个源码主要是演示了PHP如何调用该插件,以及参数设置方面的问题。运用了PHP、XML、Flash、Js等多种技术相结合,生成的效果也是相当不错的...

    Ext+JS高级程序设计.rar

    10.5 行数据扩展RowExpander 284 10.6 本章小结 290 第五部分 调试 第11章 调试 292 11.1 测试Ext.Element的功能 292 11.1.1 获取Ext.Element实例 292 11.1.2 测试CSS样式操作 294 11.1.3 测试DOM操作 296 11.1.4 ...

    ext 3.3.1 api 不可缺少的学习资料

    7. **EXT Charts**:EXT 3.3.1版本包含图表组件,可以生成各种统计图表,如柱状图、饼图、线图等,为数据可视化提供便利。 学习EXT 3.3.1 API文档时,要特别关注以下几个方面: 1. **API参考**:查阅每个类、方法...

Global site tag (gtag.js) - Google Analytics