带有typeAhead的ExtJS组合框上的筛选选项

我基本上希望使组合框看起来像一个具有自动完成/提前键入功能的文本框

我已经实现了几乎所有的功能，但使用以下代码在输入前过滤结果：

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',
    }
});

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

---

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

我刚刚解决了这个问题，我必须将属性queryMode集添加到local，将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应该在其textboxfield中实现一个Typeahead属性和方法。

请提供ReporterNamesStore详细信息，否则Sencha fiddle会更有用。谢谢@Chetan，我刚刚添加了它。我正在尝试解决同样的问题，但我的queryMode不是本地的。仅lastQuery=''似乎没有帮助。我不明白为什么queryMode会影响它。