ext 콤보박스는 데이터베이스 데이터를 동적으로 로드합니다(프런트엔드와 백엔드 포함)_extjs

프런트 데스크:

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

var ProvinceStore = new Ext. data.Store( {
proxy: new Ext.data.HttpProxy({ url: basePath "/stationManage/station_getProvinceJSON.action" }),
reader: new Ext.data.JsonReader(
{ 루트: "" },
["PROVINCEID", "PROVINCENAME"]
)
})


//지방 및 도시 선택
var ProvinceIDadd = new Ext. form.ComboBox({
anchor : '98%',
id:'provinceIDadd',
name : "provinceIDAdd1",
hiddenName : "provinceID",
displayField : "PROVINCENAME" ,
valueField : "PROVINCEID",
blankText : '사이트가 속한 지역을 선택하세요',
emptyText : '사이트가 속한 지역을 선택하세요',
fieldLabel : '지역을 선택하세요 사이트가 속한 곳',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :provinceStore ,
forceSelection : true,
mode : 'local ',
selectOnFocus : true
})
provinceStore.load()

백그라운드 액션 코드

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

public class StationAction extends BaseAction {

private List>
public void setProvinceList(List> ProvinceList) {
this.provinceList = ProvinceList;
}

public List> getProvinceList() {
return ProvinceList;
}
public String getProvinceJSON(){
String sql="SELECT PK_ID PROVINCEID,NAME PROVINCENAME FROM T_DICT_DISTRICT A WHERE A.DISTRICT_LEVEL=20"; ProvinceList= stationService.findBySQL(sql);
return "json_getProvinceList";
}
}

strtus xml 구성

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

="root">provinceList



정적 데이터의 드롭다운 선택 상자 로드

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

var dataType=[['0','8 columns'],['1', '38 열'],['2','21 열']];

var dataTypeStore = new Ext. data.SimpleStore({
fields: ['dataTypeID', 'dataTypeName'],
data : 데이터
});

var dataTypedd = new Ext.form.ComboBox({
anchor : '98%',
id:'dataTypeadd',
name : "dataTypeAdd1",
hiddenName : "dataType",
displayField : "dataTypeName",
valueField : "dataTypeID",
blankText : '데이터 형식을 선택하세요',
emptyText : ' 데이터 형식을 선택하세요',
fieldLabel : 'Data format',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :unitStore ,
forceSelection : true,
mode : 'local',
selectOnFocus : true
})