ExtJS4 更改数据存储参数

Question

如果我在这样的网格上有一个数据存储：

store = Ext.create('Ext.data.Store', {
    fields: [{
        name: 'id'
    }, {
        name: 'filename'
    }
    // other fields here ...
    ],
    proxy: {
        type: 'ajax',
        url: 'http://myniftyurl.com/blah',
        simpleSortMode: true,
        reader: {
            type: 'json',
            totalProperty: 'total',
            root: 'result'
        },
        extraParams: {
            'limit': Ext.get('itemsPerPage').getValue(),
                'to': Ext.get('to_date').getValue()
            //  other params
        }
    },
    model: 'Page',
    remoteFilter: true,
    remoteSort: true
});

'limit' 和 'to' 值会根据用户输入而改变，这就是问题所在。数据存储继续使用原始参数而不是新输入。我该如何解决这个问题？

提前致谢！

Answer 1

我通常通过在控制器中执行 store.load() 手动加载我的网格。

在此之前，我可以像这样更改商店的参数：

//getForm() retrieves the Ext.basic.Form (from Ext.panel.Form)
var params = this.getForm().getValues();

//Write over
grid.getStore().getProxy().extraParams = params;

//load
grid.getStore().load();

我正在使用缓冲网格，这需要大量返工才能在 4.0.7 中完全正常工作。但这应该对你有用。

另一种选择是使用beforeload 侦听器，但我不确定到那时更改 extraParams 是否会做任何事情。您也许能够修改传递给事件处理程序的 Ext.data.Operation 对象？

让我知道你的效果如何。

祝你好运！