10

在 ExtJS 4 中使用商店作为组合框时如何发送额外参数？

我知道我可以在代理设置中使用“extraParams”，但这会影响使用同一商店的所有元素。

即，如果我有一个使用名为“用户”的商店的网格，它将列出系统中的所有用户。同时，我有一个组合框，它也使用商店“用户”，但这次我想列出所有具有“状态=2”的用户，因此我想发送参数“&status=2”对后端的 Ajax 调用。

如果我使用类似的东西：

store.getProxy().extraParams = {
  status: 2
};

它会起作用，但网格会同时更新为也使用“&status=2”。我只希望组合框使用参数。

我想我可以关闭网格上的“自动更新”，然后在组合框的“渲染”事件上设置“extraParams”，然后在组合框被隐藏时取消设置，但这将是一个非常丑陋的解决方案。

我还可以将商店复制到“Users2”并将其用于组合框，但这也是一个丑陋的解决方案。

这样做的正确方法是什么？对于大多数人来说，这一定是一件很常见的事情。

更新 1：

我知道我可以使用类似的东西：

store.load({
  params:{
    'foo1': bar1,
    'foo2': bar2
  } 
});

但是我将如何在 ExtJS 4 MVC 中使用它呢？我只是在表单对象中指定“商店：用户”。我如何将这些额外的参数发送到 .load() 函数？

我尝试了以下方法：

{
xtype: 'combobox',
fieldLabel: 'Server',
name: 'server',

//store: 'ServersIP',
store: new Cloud.store.ServersIP(),

/*
listeners: {
    beforeload: function(store, options) {
        console.log(store);
    }
},
*/

valueField: 'id',
displayField: 'name_id',
emptyText: 'Select a Server...',
editable: false
},

但是，它给出了错误“未捕获的类型错误：无法读取未定义的属性 'ServersIP'”

但名字是正确的：

Ext.define('Cloud.store.ServersIP', {

extend: 'Ext.data.Store',
model: 'Cloud.model.Server',

另外，我究竟会把听众放在哪里？我想我在我的例子中也没有得到正确的答案？

更新 2：

我现在对解决方案有了更进一步的了解：

store: Ext.create('Cloud.store.ServersIP', {
proxy: {
    extraParams: {
        param1: 'value1',
        param2: 'value2'
    }
},                          
}),

以上不起作用。如果我在 Ext.Create 的参数中只有一个“一级”变量，它就可以工作。出于某种原因，当我传入代理 => extraParams => param1 时，它不喜欢它。

这个有效：

store: Ext.create('Cloud.store.ServersIP', {
aaa: 'bbb'
}),

但是当然，我的 extraParams 不存在。有人知道如何修复这最后一部分吗？

4

5 回答 5

8

我刚刚解决了这个问题。组合框查询模式：带有额外参数的远程。

只需在initComponent内的“VIEW”中实例化存储并覆盖代理

//instantiate the store

var store = Ext.create('Cloud.store.ServersIP', {
    storeId: 'YourStoreId'
});
store.proxy.extraParams = { param1: 'value1', param2: 'value2' };

并在 xtype:combobox

//set combobox store

{
    xtype: 'combobox',
    queryMode:'remote',
    store : Ext.data.StoreManager.lookup('YourStoreId'),
    ...
    ...
}

我希望你能理解我提出的解决方案。

于 2014-05-08T08:09:04.260 回答
2

您可以创建同一存储的新实例，而不是引用与网格相同的存储。这样两个商店实例是分开管理的。

因此，在您的表单中替换store: 'Users'为store: new MyApp.store.Users()，然后您可以使用更适合您的任何方法（额外参数、使用参数加载、加载前侦听器等）

于 2013-07-21T01:43:13.560 回答
2

您可以捕获 'beforeload' 存储事件并更改当前的加载操作。这样参数就不会持续到其他请求。

Ext.create('Ext.data.Store', {
    model: MyModel,
    autoLoad: true,
    listeners:{
        // Fires before a request is made. op is an Ext.data.Operation object
        beforeload:function(store,op){ 
            // Set request parameters (without overriding other parameters)
            op.params = Ext.apply(op.params||{},{
                someParam:true
            });
        }
    }
});
于 2016-04-10T11:44:48.600 回答
1

您可以autoLoad在商店中设置为 false，然后load自己调用该方法，并使用以下params选项：

var store = Ext.create('My.Store', {
    autoLoad: false
    ...
});

store.load({
    params: {status: 2}
});

如果您需要组合只加载一次然后在本地模式下查询，这将起作用。如果您需要您的组合对服务器进行多次调用（远程模式），请在beforeload商店事件中设置您的参数：

comboStore.on('beforeload', function(store, operation) {
    operation.params = operation.params || {};
    operation.params.status = 2;
});
于 2013-07-20T14:34:39.740 回答
1

这是我能想到的最好的代码。不需要听众:)

创建“用户”存储的新实例并更改该实例中的参数。

xtype: 'combobox',
fieldLabel: 'Users',
name: 'users',

store: (function() {
  var s = Ext.create('MyApp.store.Users');
  s.proxy.extraParams = {
    active: '1'
  }
  return s;
})(),
于 2013-07-22T13:03:38.097 回答