首頁  >  文章  >  web前端  >  ExtJs中gridpanel分組後組名排序實例代碼_javascript技巧

ExtJs中gridpanel分組後組名排序實例代碼_javascript技巧

WBOY
WBOY原創
2016-05-16 17:11:111550瀏覽

ExtJs中gridpanel分組後組名排序實例代碼_javascript技巧

複製程式碼程式碼如下:

/**
  * 定義降序的groupingStore
 *


/***


/***groupDir : 'ASC',
groupBy : 函數(field, forceRegroup, 方向) {
    方向= 方向? >              .toUpperCase() == 'DESC' ? 'DESC' : 'ASC')
        🎜>           this.groupDir == 方向&& !forceRegroup ) {
          return;
   }
   this.groupField = 欄位;
   this.Supir = 方向          this.baseParams = {};
       }
      ir'] = 方向;
       }
       若(this.groupOnSort) {
            this.sort(欄位, 方向);
          Group) {
            this.reload();
      } else {
            var si = this.sortInfo ||
                  this.applySort();
            } else {
                this.sortData(欄位, 方向);
          🎜>        }
    },
    applySort : function() {
Ext.data.GroupingStore.superclass.applySort.call(this);
        if (!this.groupOnSort && !this.remoteGroup) {                     | } this.groupDir != this.sortInfo.direction) {
                this.sortData(this.group       }
    },
    applyGrouping : function(alwaysFireChange ) {
        if (this.groupField !== false) {
           true;
        } else {
            if (alwaysFireChange === true) {
                this.fireEvent('datachanged', this);         }
    }
});







複製程式碼


程式碼如下:

/*************************呼叫***************************/
// 訊息清單資料來源
var messageStore = new DescGroupingStore({
    proxy : "listMessGrid.action"
    }),
    reader : myReader,
    groupDir : 'DESC',         direction : "DESC"
    }
});
messageStore.load();


messageStore.load();







複製程式碼 程式碼如下:/*****************在gridpanel中加入以下屬性***************************** *******view//**view/view/    showGroupName : false,     groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {[valueth]rs.封" : "封"]})',     showGroupsText : "ddd"})
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn