extjs4 - 在 ExtJS 网格中，如何访问属于排序集的数据存储字段

Question

如何访问属于排序集的列/数据存储字段。

我正在寻找修改网格的排序参数以进行远程排序。我需要远程排序参数的排序键来匹配列的字段的映射属性。尽管正常的“列标题单击对数据进行排序”功能，但我需要这些事情发生。

Answer 1

远程排序和字段映射 (ExtJS 4.1)

这个功能似乎没有在 ExtJS 中实现。这是使用自 ExtJS 4 以来提供的encodeSorters函数的解决方案。通过模型的原型访问字段映射有点脏，但它可以完成工作：

var store = Ext.create('Ext.data.Store', {
    ...,
    proxy: {
        ...,
        encodeSorters: function (sorters) {
            var model = store.proxy.model,
                map = model.prototype.fields.map;
            return Ext.encode(Ext.Array.map(sorters, function (sorter) {
                return {
                    property : map[sorter.property].mapping || sorter.property,
                    direction: sorter.direction
                };
            }));
        }
    }
});

但是，覆盖原始方法会更相关：

Ext.data.proxy.Server.override({
    encodeSorters: function(sorters) {
        var min, map = this.model.prototype.fields.map;
        min = Ext.Array.map(sorters, function (sorter) {
            return {
                property : map[sorter.property].mapping || sorter.property,
                direction: sorter.direction
            };
        });
        return this.applyEncoding(min);
    }
});

Answer 2

假设您使用的是 simpleSortMode，您可以在商店中执行类似的操作。

listeners: {
        beforeload: function( store, operation, eOpts ) {
            if (store.sorters.length > 0) {


                var sorter = store.sorters.getAt(0),
                dir = sorter.direction,
                prop = sorter.property,
                fields = store.model.getFields(),
                i,
                applyProp = prop;

                for (i = 0; i < fields.length; i++) {
                    if (fields[i].name == prop) {
                        applyProp = fields[i].mapping || prop;
                        break;
                    }
                } 

                //clearing the sorters since the simpleSortMode is true so there will be only one sorter
                store.sorters.clear();
                store.sorters.insert(0, applyProp, new Ext.util.Sorter({
                     property : applyProp,
                     direction: dir
                 }));
            }

        }

    },