在网格 sortchange 事件之前更改存储 extraParams

Question

要求

每次对网格数据进行排序 - 在事件执行之前，我想用新的排序属性的值更改存储 extraParams。就像如果我在 DESC 方向对列 Name 进行排序 - 在事件执行之前我想用 @987654324 覆盖商店的 extraParams @of Name 列和方向属性DESC。

我的商店也将remoteSort 属性设置为true。

我正在使用 ExtJS 4.2。

问题

我在网格上尝试了sortchange 事件侦听器，但它在调用数据 API 并加载记录后执行。我想要的是像 beforesortchange 这样的东西。

这都是remoteSort : true。

下一个问题是，如果我从 sortchange 调用 this.getStore().load();，那么我的数据 api 会被调用两次，这是没有意义的。

代码

网格监听器：

sortchange: function(ct, column, direction, eOpts) {
    this.getStore().getProxy().extraParams = {
        'sort'  : column.dataIndex,
        'dir'   : direction
    }
    //  load() will call the data api again once the data loading is over
    //this.getStore().load();
}

我也尝试过关注网格侦听器，但要么我没有获得新的网格排序参数，要么根本没有调用它们： beforeload、beforesync、beforeprefetch、load。

参考文献

https://stackoverflow.com/questions/12338407/custom-function-call-after-extjs-4-grid-sort/12338906#12338906

Answer 1

在发送前使用beforeload 事件更改extraParam 对象：

listeners: {
    beforeload: function(store, operation, eOpts){
        if(store.sorters && store.sorters.getCount())
        {
            var sorter = store.sorters.getAt(0);
            store.getProxy().extraParams = {
                'sort'  : sorter.property,
                'dir'   : sorter.direction
            };
        }
    }
}