Question

我尝试使用类似于此示例的分组来实现网格： http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/groupgrid.html 这里数据按“烹饪”列分组，并按此列排序组进行排序。当我将此示例的代码粘贴到使用4.2.1的项目或ExtJS 4.2.1 docs站点的代码编辑器中时，视图完全相同，排序适用于列“名称”，但它不起作用按“烹饪”栏目。他们是否通过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。 e.g。

{
            // 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'
            }]
        }

ExtJS 4.2.1中的网格分组和排序

2 个答案: