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 建设银行登陆键盘
Jun 10 Javascript
JS 控件事件小结
Oct 31 Javascript
jquery制作居中遮罩层效果分享
Feb 21 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
Jul 07 Javascript
js判断checkbox是否选中个数的方法(超简单)
Aug 19 Javascript
Node.js学习入门
Jan 03 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
JS数组去重的6种方法完整实例
Dec 08 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
手把手教你如何编译打包video.js
Dec 09 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
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
轻松实现php文件上传功能
2017/02/17 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
xtree.js 代码
2007/03/13 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
SinaEditor使用方法详解
2013/12/28 Javascript
jQuery实现带玻璃流光质感的手风琴特效
2015/11/20 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
优化Python代码使其加快作用域内的查找
2015/03/30 Python
Python实现提取文章摘要的方法
2015/04/21 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
最新会计专业求职信范文
2014/01/28 职场文书
高中生逃课检讨书
2014/10/10 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
PHP解决高并发问题
2021/04/01 PHP
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
Apache Calcite 实现方言转换的代码
2021/04/24 Servers