extjs - 使用 typeAhead 在 ExtJS ComboBox 上过滤选项

Question

我基本上想让组合框看起来像具有自动完成/预输入功能的文本框。

除了使用以下代码过滤提前输入的结果外，我几乎完成了所有工作:

var tboxReportaNombre = Ext.create('Ext.form.field.ComboBox', {
    margin: '5 0 0 10',
    store: reportersNamesStore,
    displayField: 'vcReportaNombre',
    valueField: 'vcReportaNombre',
    hideTrigger: true,
    typeAhead: true,
    typeAheadDelay: 100,
    minChars: 2,
    mode: 'local'
});

这是我正在使用的商店:

var reportersNamesStore = Ext.create('Ext.data.Store', {
    fields: ['vcReportaNombre'],
    proxy: {
        type: 'ajax',
        url: '/SIMAC/Incidencia/GetReportersNames',
    }
});

它工作得很好，但是当我开始输入时，我希望过滤下拉列表以匹配我的查询。现在它没有(如下图所示)。

任何帮助将不胜感激。谢谢!

Answer 1

我刚刚解决了它，我必须添加属性 queryMode 设置为本地和 lastQuery 设置为空字符串。

最终得到这段代码:

var tboxReportaNombre = Ext.create('Ext.form.field.ComboBox', {
    margin: '5 0 0 10',
    store: reportersNamesStore,
    displayField: 'vcReportaNombre',
    valueField: 'vcReportaNombre',
    hideTrigger: true,
    typeAhead: true,
    typeAheadDelay: 100,
    minChars: 2,
    queryMode: 'local',
    lastQuery: ''
});

我认为 Sencha 应该为其文本框字段实现 Typeahead 属性和方法。