ExtJs 4 store 在分页时如何保持搜索条件不变

最新推荐文章于 2023-01-26 11:35:58 发布

翻译最新推荐文章于 2023-01-26 11:35:58 发布 · 1.8k 阅读

标签

#extjs #autoload #function #search #ajax

ExtJS4 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在ExtJS中为Store动态设置搜索参数，并确保这些参数能在数据加载前被正确应用。通过使用`beforeload`事件，可以实现每次加载数据时更新额外参数的功能。

在store.load（）之前，加入方法：

store.on('beforeload',function(){
store.proxy.extraParams = {keyword:Ext.getCmp('keyword').getValue()};
});

：：：：

在Ext 3 中的

store.on('beforeload', function () {
            store.baseParams = {
                name: '5555555',
                intss: '666666666'
            };
        });

已经不适合与ext4 系列了。

下面给出完整的代码。原理很简单，将搜索条件放在store的baseParams中，每次加载都赋值。

只是需要强制赋值，因为默认的pagetoolbar只会把start、limit、page、sort、dir传递给store。

var store = new Ext.data.Store({
       pageSize: GridPageSize,
       model: 'Master',
       autoLoad: false,
       proxy: {
           type: 'ajax',
           url: '/master/GetMasterData',
           reader: {
               type: 'json',
               root: 'data',
               totalProperty: 'totalCount'
           }
       },
       fields: [
           { name: 'Id' },
           { name: 'Master_Name' }

       //排序
       sorters: [{
           property: 'Master_Name',
           direction: 'DESC'
       }]

});

store.on('beforeload', function (store, options) {

        var new_params = { name: Ext.getCmp('search').getValue() };
        Ext.apply(store.proxy.extraParams, new_params);
        // alert('beforeload');
    });