Extjs 不可编辑的组合框自动完成

Question

我要使用 ExtJS v4.2 实现一件事 - 使用以下代码实现自动完成功能：

var combo = {
    xtype: 'combobox',
    editable: false,
    displayField: 'type',
    queryMode: 'local',
    store: 'MyStore',
    valueField: 'value'
}

它的作用是自动完成 editable 设置为 false 并且 queryMode 为 local - 它在以前版本的 ExtJS 4.2 上完美运行.然而，我最近更新到 ExtJS 4.2，它更稳定但自动完成不适用于上面的代码，我需要让这个功能工作，因为我已经用新版本做了很多编码。

此外，当我尝试将 typeahead 设置为 true 并将 editable 设置为 false 时，我在我的控制台上得到了这个：

If typeAhead is enabled the combo must be editable: true -- please change one of those settings.

我在之前的Ext4.2版本上没有这个错误...

请帮我解决这个问题。任何帮助将不胜感激。

Answer 1

您无法使用自动完成功能设置 editable: false。只需设置 editable: true 即可。阅读 editable 的文档。

Answer 2

谢谢，但我找到了另一种方法，无需启用 editable 到 true。我向组合框添加了一个 keypress 事件侦听器，用于过滤商店中的数据并使用商店中的匹配记录自动设置组合框上的值。

Extjs 不可编辑的组合框自动完成

Extjs Non-editable Combobox Autocomplete

javascript

extjs

combobox

extjs4