Ext中下拉列表ComboBox組件store數(shù)據(jù)格式用法介紹
更新時(shí)間：2013年07月15日 16:54:41 作者：
本文為大家詳細(xì)介紹下Ext中下拉列表ComboBox組件store數(shù)據(jù)格式的基本用法，感興趣的朋友可以參考下哈，希望對大家有所幫助
復(fù)制代碼 代碼如下:
var p_years = new Ext.form.ComboBox( {
fieldLabel : '統(tǒng)計(jì)年份',
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] //此為第二種，當(dāng)沒有制定value和text的時(shí)候，默認(rèn)提交值與顯示值為同一個(gè)。
});
在該組件中，可以直接手寫數(shù)組格式[ [' value','Text ' ] ,[ ],[ ] ]進(jìn)行構(gòu)建，提交值是前者,后者作為顯示值。
下面是比較正規(guī)用法，從數(shù)據(jù)庫同步數(shù)據(jù)字典渲染comboBox組件
復(fù)制代碼 代碼如下:
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 : '重點(diǎn)工程',
anchor : anchor_w,
mode : 'remote',
triggerAction : 'all',
selectOnFocus : true,
forceSelection : true,
editable : false,
valueField : 'VALUE',
displayField : 'TEXT',
store : proj_main_store
});
相關(guān)文章
ExtJs設(shè)置GridPanel表格文本垂直居中示例
本文為大家詳細(xì)介紹下ExtJs如何設(shè)置GridPanel表格文本垂直居中，具體實(shí)現(xiàn)代碼及截圖如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
在Ext中直接使用DWR2009-03-03
學(xué)習(xí)ExtJS（一） 之基礎(chǔ)前提
學(xué)習(xí)ExtJS前提條件，大家要想學(xué)習(xí)，需要一些基礎(chǔ)知識(shí)。2009-10-10
extjs 3.31 TreeGrid實(shí)現(xiàn)靜態(tài)頁面加載json到TreeGrid里面
extjs 3.31 TreeGrid 我的小改動(dòng)，實(shí)現(xiàn)靜態(tài)頁面加載json到TreeGrid里面2013-04-04
extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)方法
extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)步驟，需要的朋友可以參考下。2010-09-09
Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串，F(xiàn)irefox與IE均支持，感興趣的朋友可以參考下2013-04-04
ExtJS4如何給同一個(gè)formpanel不同的url
這篇文章主要介紹了ExtJS4如何給同一個(gè)formpanel不同的url,需要的朋友可以參考下2014-05-05
ExtJS4 Grid改變單元格背景顏色及Column render學(xué)習(xí)
利用的是Column的render實(shí)現(xiàn)單元格背景顏色改變,本文給予了實(shí)現(xiàn)代碼，感興趣的朋友可以了解下，或許對你學(xué)習(xí)ExtJS4 Grid有所幫助2013-02-02
入門基礎(chǔ)學(xué)習(xí) ExtJS筆記（一）
這段時(shí)間手中項(xiàng)目已經(jīng)完成，空閑時(shí)間較多。開始了學(xué)習(xí)ExtJs之旅。2010-11-11
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來實(shí)現(xiàn)多繼承，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12