ExtJs中gridpanel分组后组名排序实例代码


Posted in Javascript onDecember 02, 2013

ExtJs中gridpanel分组后组名排序实例代码

/** 
  * 定义降序的groupingStore 
  */
var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, { 
groupDir : 'ASC', 
groupBy : function(field, forceRegroup, direction) { 
    direction = direction ? (String(direction) 
              .toUpperCase() == 'DESC' ? 'DESC' : 'ASC') 
              : this.groupDir; 
    if (this.groupField == field 
           this.groupDir == direction && !forceRegroup) { 
          return; 
   } 
   this.groupField = field; 
   this.groupDir = direction; 
   if (this.remoteGroup) { 
       if (!this.baseParams) { 
          this.baseParams = {}; 
       } 
       this.baseParams['groupBy'] = field; 
          this.baseParams['groupDir'] = direction; 
       } 
       if (this.groupOnSort) { 
            this.sort(field, direction); 
            return; 
       } 
       if (this.remoteGroup) { 
            this.reload(); 
       } else { 
            var si = this.sortInfo || {}; 
            if (si.field != field || si.direction != direction) { 
                this.applySort(); 
            } else { 
                this.sortData(field, direction); 
            } 
            this.fireEvent('datachanged', this); 
        } 
    }, 
    applySort : function() { 
        Ext.data.GroupingStore.superclass.applySort.call(this); 
        if (!this.groupOnSort && !this.remoteGroup) { 
            if (this.groupField != this.sortInfo.field 
                    || this.groupDir != this.sortInfo.direction) { 
                this.sortData(this.groupField, this.groupDir); 
            } 
        } 
    }, 
    applyGrouping : function(alwaysFireChange) { 
        if (this.groupField !== false) { 
            this.groupBy(this.groupField, true, this.groupDir); 
            return true; 
        } else { 
            if (alwaysFireChange === true) { 
                this.fireEvent('datachanged', this); 
            } 
            return false; 
        } 
    } 
});
/*************************调用***************************/
// 消息列表数据源 
var messageStore = new DescGroupingStore({ 
    proxy : new Ext.data.HttpProxy({ 
        url : "listMessGrid.action"
    }), 
    reader : myReader, 
    groupDir : 'DESC', 
    groupField : 'status', 
    sortInfo : { 
        field : 'id', 
        direction : "DESC"
    } 
}); 
messageStore.load();
/*****************在gridpanel中添加如下属性*************************************/
view : new Ext.grid.GroupingView({ 
    showGroupName : false, 
    groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {[values.rs.length > 1 ? "封" : "封"]})', 
    showGroupsText : "ddd"
})
Javascript 相关文章推荐
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
jquery.ui.draggable中文文档
Nov 24 Javascript
初识javascript 文档碎片
Jul 13 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
javascript的var与let,const之间的区别详解
Feb 18 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 #Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 #Javascript
解析JavaScript中点号“.”的多义性
Dec 02 #Javascript
解析JavaScript中的不可见数据类型
Dec 02 #Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 #Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 #Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 #Javascript
You might like
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
thinkPHP商城公告功能开发问题分析
2016/12/01 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
纯JavaScript实现的分页插件实例
2015/07/14 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
React中的render何时执行过程
2018/04/13 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
基于jQuery实现可编辑的表格
2019/12/11 jQuery
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
python  logging日志打印过程解析
2019/10/22 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
住院医师规范化培训实施方案
2014/06/12 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
坎儿井导游词
2015/02/09 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
CSS实现多个元素在盒子内两端对齐效果
2021/03/30 HTML / CSS
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
MySQL 十大常用字符串函数详解
2021/06/30 MySQL
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang