ExtJS grid 带参数查询分页 store 传额外参数解决办法

最新推荐文章于 2021-01-18 13:58:33 发布

jazwoo

最新推荐文章于 2021-01-18 13:58:33 发布

阅读量4.8k

点赞数

分类专栏： Extjs 文章标签： extjs autoload function search ajax json

本文链接：https://blog.csdn.net/jazywoo123/article/details/7894363

版权

Extjs 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

本文介绍如何在ExtJS中通过store的beforeload事件重写store.proxy.extraParams，实现动态添加参数的功能，从而避免每次加载都需要手动设置参数。详细解释了在ExtJS3中通过store.baseParams预设参数的方法，并提供了完整代码示例。

摘要由CSDN通过智能技术生成

在store的beforeload事件里面重写store.proxy.extraParams，添加新参数

就不必每次都手动的添加参数

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

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

在Extjs3 中的

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

下面给出完整的代码。原理很简单，将搜索条件放在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');
    });
store.load({
       params: { start: 0, limit: GridPageSize }
   })