javascript - 带有远程存储的ExtJS 6 Filter Combobox Dropdown菜单

我有一个像这样的远程存储：

 example:{
        storeId: 'example',
        fields: ['field1','field2','field3'],
        proxy:{
            type: 'ajax',
            url: 'data.cfc',
            actionMethods: { read: 'POST' },
            reader: {
                type: 'json',
            }
        }
    }

我的组合框如下所示：

 xtype: 'combo',
 fieldLabel: 'Example',
 name: 'Example',
 bind:{
    store: '{example}'
 },
 valueField: 'field1',
 displayField: 'field2',
 forceSelection: true,

我现在的问题是，在远程存储区中，当我在文本字段中键入内容时，组合框不会像queryMode: 'local'那样过滤Dropdownmenu中的值。有没有一种方法可以使queryMode: 'remote'达到相同的过滤器外观？

最佳答案

您将无法通过远程存储重现完全相同的行为（因为您必须先加载数据）。如果您不介意在创建时加载商店，则可以相应地配置商店以允许再次在本地查询：

autoLoad:true
remoteFilter: false,

autoLoad: true确保在创建时加载商店。如果您尝试对带有远程存储的组合框使用本地查询模式，则必须使用remoteFilter: true。

然后，您只需将此属性添加到组合框

queryMode: 'local'

过滤获取的数据。
如果您要将大量记录加载到商店中，这可能不是一个好主意。
此外，您还必须实现一个功能来按需（重新）加载商店。

有关示例，请参见this fiddle。