extjs - 如何让 extjs 组合框像普通的 html 选择框一样工作？

Question

ExtJS 提供了一个花哨的组合框，它有很多功能——提前输入，允许随机输入文本，隐藏下拉列表中所有不以已经输入的文本加星标的条目。

我不想要这些功能。我想要一个选择框，它的行为与普通 html 中的普通选择框非常相似。

我确实希望它绑定(bind)到数据存储，并且我确实希望组合框附带的所有其他 extjs 配置好东西。我只是不希望用户/测试人员在遇到一个选择框时吓坏了他们现有的这些事情如何工作的心理范式。

那么如何让 extjs 组合框更像一个选择框呢？还是我完全使用了错误的小部件？

Answer 1

当您实例化 Ext.form.ComboBox 对象时，您只需使用正确的配置即可获得该行为:

var selectStyleComboboxConfig = {
    fieldLabel: 'My Dropdown',
    name: 'type',
    allowBlank: false,
    editable: false,
    // This is the option required for "select"-style behaviour
    triggerAction: 'all',
    typeAhead: false,
    mode: 'local',
    width: 120,
    listWidth: 120,
    hiddenName: 'my_dropdown',
    store: [
        ['val1', 'First Value'],
        ['val2', 'Second Value']
    ],
    readOnly: true
};
var comboBox = new Ext.form.ComboBox(selectStyleComboboxConfig); 

替换 mode: 'local'和 store如果您希望将其绑定(bind)到 Ext.data.JsonStore，请根据您的情况进行论证例如。