extjs - GroupingStore order groups by total 在每组中

Question

Team(s) - 我正在使用 Extjs v.3x 并且使用分组存储的整个分组工作完美但我似乎无法弄清楚的是如何呈现实际的组(而不是基础记录)在每组的总数上。

requestGrid = new Ext.ux.SearchPageingGridPanel({
    height:500
    //,title:'Application User Listing'
    ,store: trackerStore
    ,columns: userColumns // or define inline via columns
    ,collapsible:false
    //,stateId : "requestsdffasdfd"
    ,header: true
    ,view: new Ext.grid.GroupingView({
        forceFit:true,
        showGroupName: true,
        enableNoGroups:false,
        enableGroupingMenu:false,
        startCollapsed: true,
        autoFill: true,
        groupMode: 'display',
        hideGroupedColumn: false,
        groupTextTpl: ' ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]}) {text}'
    })
    ,renderTo: 'grid-paneling'

});

以上是我使用 GroupingView 的代码，我想做的是根据 values.rs.lenght 显示组排序。

例如:如果我有 3 个组。

(3 项)列组名称(6 项)列组名称(2 项)列组名称

我要按这个顺序显示。

(6 项)列组名称(3 项)列组名称(2 项)列组名称

Answer 1

这是工作示例:http://jsfiddle.net/GzsDW/2/

我所做的基本上是创建一个列，其中的数据按照您想要的方式进行排序。在我的示例中，列名称是 industry-count。该列的值计入 datachanged 事件。设置好所有内容后，就会调用 applySort。就是这样。

这里是datachanged事件代码:

datachanged: function() {
    var count = {};
    var field = this.groupField.split('-')[0];

    // count group values first
    this.data.each(function(r) {
        var v = r.get(field);
        count[v] = 1 + (count[v] || 0);
    }, this);
    // create string like 99999998|Value and put it into industry-count field
    this.data.each(function(r) {
        var v = r.get(field);
        r.data[this.groupField] = (99999999 - count[v]) + '|' + v;
    }, this);
    // sort by new values
    this.applySort();
}