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

时间:2014-03-10 22:07:32

标签: javascript extjs

我有一个组合框,我尝试添加记录,但记录没有显示。 以下是相关代码:

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

我没有收到任何错误,记录不会显示。 我做错了什么?

2 个答案:

答案 0 :(得分:1)

您提供的示例部分是JSON。你想用什么语言编程?您的代码声明了javascript,而JSON示例在技术上无效。

答案 1 :(得分: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()
});

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

希望这有帮助。