extjs - 如何从 extjs 中的一个商店创建两个组合框？

Question

如何从一家商店添加两个组合框 type字段女巫值可以是 1, 2 and 3我想要类型为 1 and 2 的记录在第一个组合框和 2 and 3在第二。

我的组合框:

Ext.define('Exp.view.settings.servers.ComboBox', {
    extend: 'Ext.form.ComboBox',
    alias : 'widget.server_combobox',

    xtype: 'combobox',
    displayField: 'name',
    valueField: 'id',
    name: 'server',
    store: 'Servers'
});

店铺: (只是来自带有 json 读取器的服务器的示例数据)

Ext.define('Exp.store.Servers', {
    extend: 'Ext.data.Store',
    model: 'Exp.model.Server',

    autoLoad: true,
    autoSync: true,

    data: [{
        id: 1,
        name: 'Server 1',
        type: 1
    },{
        id: 2,
        name: 'Server 2',
        type: 3
    },{
        id: 3,
        name: 'Server 3',
        type: 2
    }]
});

如果我使用商店过滤器，两个组合框都会被过滤。现在我创建了两个商店，但这意味着对服务器的两次 ajax 调用，我真的不喜欢那样。

Answer 1

答案是否定的，你不能。如果您需要将来自同一商店的两组不同数据同时反射(reflect)在任何两个 UI 元素中(两个网格或两个组合或其他)，您需要创建商店的副本。

您可以克隆它，甚至创建更简单的模型(例如，组合框只需要值和名称)，但没有办法绕过它。