Ext中下拉列表ComboBox组件store数据格式用法介绍_extjs

web前端|js教程 Ext中下拉列表ComboBox组件store数据格式用法介绍_extjs

下拉列表,ComboBox,store

web前端-js教程

黄页系统源码,ubuntu没有桌面环境,爬虫json输出中文,php dhcp,seo排名平台lzw

 
var p_years = new Ext.form.ComboBox( { 
fieldLabel : '统计年份', 
anchor : anchor_w, 
mode : 'remote', 
maxHeight:100, 
triggerAction : 'all', 
selectOnFocus : true, 
forceSelection : true, 
editable : false, 
//store :[['11', '2011'], ['12', '2012'],['13', '2013']] //此为第一种 
store:[2011,2012,2013,2014,2015,2016,2017,2018] //此为第二种，当没有制定value和text的时候，默认提交值与显示值为同一个。 
});

在该组件中，可以直接手写数组格式[ [‘ value’,’Text ‘ ] ,[ ],[ ] ]进行构建，提交值是前者,后者作为显示值。
下面是比较正规用法，从数据库同步数据字典渲染comboBox组件

php开发金融系统源码,ubuntu16卡住,tomcat怎么监控到程序,爬虫禁用css,开源php报表,seo是怎么做网络营销的lzw

var proj_main_store = new Ext.data.JsonStore({ 
url : "************", 
fields : ['TEXT', 'VALUE'], 
root : "objs", 
baseParams : { 
"obj/dicttypeid" : "BM_IMPORTANT_PROJ" 
} 
}); 
proj_main_store.addListener("load", function(){ 
proj_main_store.insert(0, new Ext.data.Record({ 
'TEXT' : '全部', 
'VALUE' : "" 
})); 
}); 
var proj_main_type = new Ext.form.ComboBox( { 
fieldLabel : '重点工程', 
anchor : anchor_w, 
mode : 'remote', 
triggerAction : 'all', 
selectOnFocus : true, 
forceSelection : true, 
editable : false, 
valueField : 'VALUE', 
displayField : 'TEXT', 
store : proj_main_store 
});