javascript - 将项目/记录添加到组合框

Question

我有一个组合框，我尝试向其中添加记录，但记录未显示。相关代码如下:

...
    {
            xtype: 'combobox',
            fieldLabel: 'Country',
            emptyText: 'Select country',
            fields: [
                {name: 'Sweden', type: 'string'},
                {name: 'Denmark', type: 'string'},
                {name: 'Island', type: 'string'}, 
                {name: 'Finland', type: 'string'},
            ]           
        }...

我没有收到任何错误，记录只是不会显示。我做错了什么？

Answer 1

这直接来自 ExtJS 文档:

// The data store containing the list of states
var states = Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
    {"abbr":"AL", "name":"Alabama"},
    {"abbr":"AK", "name":"Alaska"},
    {"abbr":"AZ", "name":"Arizona"}
    //...
]
});

// Create the combo box, attached to the states data store
Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    renderTo: Ext.getBody()
});

基本上，您需要做的是将商店绑定(bind)到组合框，以便它正确显示数据。在这种情况下，您可以将商店中的模型直接定义为“字段”，然后通过在组合框中设置 displayField 来选择要显示的值。

希望这有帮助。