Ext_extjs의 드롭다운 목록 ComboBox 구성 요소의 저장 데이터 형식 사용 소개

코드 복사 코드는 다음과 같습니다.

var p_years = new Ext.form.ComboBox( {
fieldLabel : '통계 연도',
anchor : 앵커_w,
mode : 'remote',
maxHeight:100,
triggerAction : 'all',
selectOnFocus : true,
forceSelection : true,
편집 가능 : false,
//store :[['11', '2011'], ['12', '2012'],['13', '2013']] //첫 번째 유형
store:[2011,2012,2013,2014,2015,2016,2017,2018] //값과 텍스트를 지정하지 않은 경우 기본 제출 값과 표시가 됩니다. 값은 같습니다
});

이 구성 요소에서는 배열 형식 [[' value','Text '],[ ],[ ]] 을 직접 작성할 수 있습니다. 값을 제출하면 전자이고 후자가 표시 값으로 사용됩니다.
다음은 좀 더 공식적인 사용법으로, 데이터베이스의 데이터 사전을 동기화하여 콤보박스 구성 요소를 렌더링합니다.

코드 복사 코드는 다음과 같습니다.

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 : 앵커_w,
mode : ' 원격',
triggerAction : 'all',
selectOnFocus : true,
forceSelection : true,
editable : false,
valueField : 'VALUE',
displayField : 'TEXT' ,
스토어 : proj_main_store
})