源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-07-17 22:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ExtJs中gridpanel分组后组名排序实例代码
[img]http://files.jb51.net/file_images/article/201312/2013122145716754.jpg[/img]
[u]复制代码[/u] 代码如下:
/**   * 定义降序的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;         }     } });
[u]复制代码[/u] 代码如下:
/*************************调用***************************/ // 消息列表数据源 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();
[u]复制代码[/u] 代码如下:
/*****************在gridpanel中添加如下属性*************************************/ view : new Ext.grid.GroupingView({     showGroupName : false,     groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {[values.rs.length > 1 ? "封" : "封"]})',     showGroupsText : "ddd" })
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部