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
                };
            }));
        }
    }
});

但是，覆盖original method：

会更有意义

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
                 }));
            }

        }

    },

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

2 个答案: