Ext中下拉列表ComboBox组件store数据格式用法说明

时间：2026-06-09 10:11:53 编辑：袖梨来源：一聚教程网

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

复制代码代码如下:

 
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组件

复制代码代码如下:

 
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 
}); 

推荐专题

最新下载

热门教程

Ext中下拉列表ComboBox组件store数据格式用法说明

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程