Question

我想在Extjs中使用一个组合框，这样用户就不应该编辑已经可用的默认值：

这是我试过的代码:::

Ext.onReady(function () {
var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],

    data: [{
        "abbr": "AL",
        "name": "Alabama"
    }, {
        "abbr": "AK",
        "name": "Alaska"
    }, {
        "abbr": "AZ",
        "name": "Arizona"
    }]
});

Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    editable:false,
    queryMode: 'local',
    valueField: 'abbr',
    renderTo: Ext.getBody(),
    // Template for the dropdown menu.
    // Note the use of "x-boundlist-item" class,
    // this is required to make the items selectable.
    tpl: Ext.create('Ext.XTemplate', '<tpl for=".">', '<div class="x-boundlist-item">{abbr} - {name}</div>', '</tpl>'),
    // template for the content inside text field
    displayTpl: Ext.create('Ext.XTemplate', '<tpl for=".">', '{abbr} - {name}', '</tpl>')
}); 
});

虽然我可以编辑：假......但它没有用。请帮忙。

Answer 1

由于某些缓存问题，editable：false无法正常工作

然而这是正确的解决方案

Extjs中的ReadOnly组合框

1 个答案: