首页 > PHP资讯 > HTML5培训技术 > ExtJs中gridpanel分组后组名排序

ExtJs中gridpanel分组后组名排序

HTML5培训技术

 /**  * 定义降序的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}',    showGroupsText : "ddd"})

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持34不支持0