DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Ext中下拉列表ComboBox組件store數據格式用法介紹
Ext中下拉列表ComboBox組件store數據格式用法介紹
編輯:關於JavaScript     
本文為大家詳細介紹下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
});  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved