ext Combobox lädt Datenbankdaten dynamisch (mit Front- und Backend)_extjs

Rezeption:

Code kopieren Der Code lautet wie folgt:

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


//Provinz und Stadt auswählen
var ProvinceIDadd = new Ext. form.ComboBox({
anchor : '98%',
id:'provinceIDadd',
name : "provinceIDAdd1",
hiddenName : "provinceID",
displayField : "PROVINCENAME" ,
valueField: „PROVINCEID“,
blankText: „Bitte wählen Sie die Provinz aus, zu der die Website gehört“,
emptyText: „Bitte wählen Sie die Provinz aus, zu der die Website gehört“,
fieldLabel: „Die Provinz „Wohin die Seite gehört“,
allowBlank: false,
editable: false,
triggerAction: „all“,
store:provinceStore,
forceSelection: true,
mode: „local“. ',
selectOnFocus : true
})
provinceStore.load();

Hintergrundaktionscode

Kopieren Code Der Code lautet wie folgt:

public class StationAction erweitert BaseAction {

private List> ProvinceList;
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; 🎜>Code kopieren


Der Code lautet wie folgt:

provinceList

Dropdown-Auswahlfeld mit statischen Daten laden

Kopieren Sie den Code

Der Code lautet wie folgt:

var dataType=[['0','8 columns'],['1', '38 columns'],['2','21 columns']];
var dataTypeStore = new Ext. data.SimpleStore({
fields: ['dataTypeID', 'dataTypeName'],

data : data }); var dataTypedd = new Ext.form.ComboBox({ anchor : '98%', id:'dataTypeadd', name : „dataTypeAdd1“,

hiddenName: „dataType“,

displayField: „dataTypeName“,
valueField: „dataTypeID“,
blankText: „Bitte wählen Sie das Datenformat“,
emptyText: „ Bitte wählen Sie das Datenformat aus',
fieldLabel: 'Datenformat',
allowBlank: false,
editable: false,
triggerAction: 'all',
store:unitStore,
forceSelection: true,
mode: 'local',
selectOnFocus: true
})