extjs - ExtJS 4.2.1 中的网格分组和排序

Question

我尝试使用类似于此示例的分组来实现网格：http: //dev.sencha.com/deploy/ext-4.0.0/examples/grid/groupgrid.html 这里数据按“Cuisine”列分组并按此排序列排序组相应。当我将此示例的代码粘贴到使用 4.2.1 的项目或 ExtJS 4.2.1 文档站点的代码编辑器中时，视图完全相同，排序适用于“名称”列，但它不起作用按“美食”列。他们是否删除了 4.2.1 中的分组列排序？如果没有，如何使它工作？

Answer 1

4.2.1 SDK 中存在相同的示例，实际上按分组列排序不再起作用。对我来说听起来像是一种回归，你应该通知 Sencha。

编辑：

那Ext.data.Store#sort是已更改的方法的代码。恢复以前的版本修复了这些行为（请参阅我的评论以找到修改后的行）：

Ext.define(null, {
    override: 'Ext.data.Store'

    ,sort: function(sorters, direction, where, doSort) {
        var me = this,
            sorter,
            newSorters;

        if (Ext.isArray(sorters)) {
            doSort = where;
            where = direction;
            newSorters = sorters;
        }
        else if (Ext.isObject(sorters)) {
            doSort = where;
            where = direction;
            newSorters = [sorters];
        }
        else if (Ext.isString(sorters)) {
            sorter = me.sorters.get(sorters);

            if (!sorter) {
                sorter = {
                    property : sorters,
                    direction: direction
                };
                newSorters = [sorter];
            }
            else if (direction === undefined) {
                sorter.toggle();
            }
            else {
                sorter.setDirection(direction);
            }
        }

        if (newSorters && newSorters.length) {
            newSorters = me.decodeSorters(newSorters);
            if (Ext.isString(where)) {
                if (where === 'prepend') {
                    // <code from 4.2.1>
                    // me.sorters.insert(0, newSorters);
                    // </code from 4.2.1>

                    // <code from 4.2.0>
                    sorters = me.sorters.clone().items;

                    me.sorters.clear();
                    me.sorters.addAll(newSorters);
                    me.sorters.addAll(sorters);
                    // </code from 4.2.0>
                }
                else {
                    me.sorters.addAll(newSorters);
                }
            }
            else {
                me.sorters.clear();
                me.sorters.addAll(newSorters);
            }
        }

        if (doSort !== false) {
            me.fireEvent('beforesort', me, newSorters);
            me.onBeforeSort(newSorters);

            sorters = me.sorters.items;
            if (sorters.length) {

                me.doSort(me.generateComparator());
            }
        }
    }
});

Answer 2

设置为分组列sortable: true的defaults配置或子列本身的配置。例如

{
            // NOTE: these two are grouped columns
            text: 'Close',
            columns: [{
                text: 'Value',
                minWidth: 100,
                flex: 100,
                sortable: true,
                dataIndex: 'ValueHeld_End'
            }, {
                text: 'Total',
                minWidth: 110,
                flex: 110,
                sortable: true,
                dataIndex: 'TotalPnL'
            }]
        }