解决Ext中一直无法实现ComboBox自动选择第一项的问题。

最新推荐文章于 2017-09-25 10:29:50 发布

最新推荐文章于 2017-09-25 10:29:50 发布 · 285 阅读

文章标签：

#php

本文介绍了一个使用ExtJS框架创建ComboBox组件的示例。通过将ComboBox与一个包含美国各州缩写及名称的数据存储关联，演示了如何设置本地查询模式、显示字段及默认值。

问题所在：因为之前是将data添加到Proxy中了，所以一直出不来结果。

参考链接：http://www.sencha.com/forum/showthread.php?178246-combobox-local-store-and-data-set-default-value&p=725745&viewfull=1#post725745

实现代码：

// The data store containing the list of statesv
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
E
Ext.create('Ext.form.ComboBox', {
 
    fieldLabel: 'Choose State',
 
    store: states,
 
    queryMode: 'local',
 
    displayField: 'name',
 
    valueField: 'abbr',
 
    value:'AZ',
 
    renderTo: Ext.getBody()
}
});