带有远程存储的 ExtJS 6 过滤器组合框下拉菜单答案

【问题标题】：ExtJS 6 Filter Combobox Dropdownmenu with a remote store带有远程存储的 ExtJS 6 过滤器组合框下拉菜单
【发布时间】：2020-01-24 00:22:59
【问题描述】：

我有一个这样的远程商店：

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

我的 Combobox 看起来像这样：

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

我现在的问题是，当我在文本字段中输入内容时，组合框不会像queryMode: 'local' 那样过滤下拉菜单中的值。有没有办法实现与queryMode: 'remote' 相同的过滤器外观？

【问题讨论】：

你的意思是如果你在一个字段中写文本？没看懂问题的本质

标签： javascript extjs combobox extjs6

【解决方案1】：

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

autoLoad:true
remoteFilter: false,

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

那么您只需将此属性添加到您的组合框

queryMode: 'local'

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

有关示例，请参阅 this fiddle。

【讨论】：