Ext_extjsのドロップダウンリストComboBoxコンポーネントのストアデータ形式の使い方の紹介

コードをコピー コードは次のとおりです。

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] // これは 2 番目のタイプで、値とテキストが指定されていない場合、デフォルトの送信値と表示になります。
});

このコンポーネントでは、配列形式 [[' 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' : 'All',
'VALUE' : ""
}));
});
var proj_main_type = new Ext.form.ComboBox( {
フィールドラベル : 'キー プロジェクト',
アンカー : アンカー_w,
モード : 'リモート'、
triggerAction : 'all '、
selectOnFocus : true、
forceSelection : true、
editable : false、
valueField : 'VALUE'、
displayField : 'TEXT' 、
ストア: proj_main_store
});