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

　　});