ExtJs_javascript 기술에서 그리드 패널 그룹화 후 그룹 이름을 정렬하는 예제 코드

复主代码 代码如下:

/**
* 내림차순으로 groupingStore를 정의
*/
var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, {
groupDir : 'ASC',
groupBy : function(field, forceRegroup, 방향) {
    방향 = 방향 ? (문자열(방향)
> ) {
          return;
   }
   this.groupField = field;
   this.groupDir = 방향;
   if (this.remoteGroup) {
       if (!this.baseParams)
          this.baseParams = {};
       }
       this.baseParams['groupBy'] = field;
         this.baseParams['groupDir'] = 방향;    만약 (this.groupOnSort) {
            this.sort(필드, 방향);
            return;
      }
       if (this.remoteGroup) {
           this.reload();       } else {
            var si = this.sortInfo ||
            if (si.field != field || si.direction != 방향) {
                this.applySort();
            } else {
               this.sortData(필드, 방향);
            }
            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.groupFi 필드, 사실, this.groupDir);
            true를 반환합니다.
        } else {
            if (alwaysFireChange === true) {
               this.fireEvent('datachanged', this);
            }
            false를 반환합니다.
        }
    }
});

复主代码

代码如下:

/***************************부르다************************ *****/
// 메시지 목록 데이터 소스
var messageStore = new DescGroupingStore({
프록시: new Ext.data.HttpProxy({
url : "listMessGrid.action"
}),
리더 : myReader,
groupDir : 'DESC',
groupField : 'status',
sortInfo : {
필드 : 'id ',
방향 : "DESC"
}
})
messageStore.load();

코드 복사 코드는 다음과 같습니다.

/*****************그리드패널에 다음 속성을 추가하세요**************************** ** ********/
view : new Ext.grid.GroupingView({
showGroupName : false,
groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {[values.rs.length > ; 1 ? "폐쇄": "폐쇄"]})',
showGroupsText : "ddd"
})