> 웹 프론트엔드 > JS 튜토리얼 > Ext_extjs의 드롭다운 목록 ComboBox 구성 요소의 저장 데이터 형식 사용 소개

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

WBOY
풀어 주다: 2016-05-16 17:28:50
원래의
1739명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

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
})

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿