ext combobox charge dynamiquement les données de la base de données (avec front et backend)_extjs

Réception :

Copier le code Le code est le suivant :

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


//Sélectionner la province et la ville
var provinceIDadd = new Ext. form.ComboBox({
anchor : '98%',
id:'provinceIDadd',
name : "provinceIDAdd1",
hiddenName : "provinceID",
displayField : "PROVINCENAME" ,
valueField : "PROVINCEID",
blankText : 'Veuillez sélectionner la province à laquelle appartient le site',
emptyText : 'Veuillez sélectionner la province à laquelle appartient le site',
fieldLabel : 'La province où appartient le site',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :provinceStore ,
forceSelection : true,
mode : 'local ',
selectOnFocus : true
})
provinceStore.load();

Code d'action en arrière-plan

Copier code Le code est le suivant :

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

configuration XML strtus

Copier le code Le code est le suivant :

="root">provinceList



Charger la zone de sélection déroulante des données statiques

Copiez le code Le code est le suivant :

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

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

var dataTypedd = new Ext.form.ComboBox({
anchor : '98%',
id:'dataTypeadd',
name : "dataTypeAdd1",
hiddenName : "dataType",
displayField : "dataTypeName",
valueField : "dataTypeID",
blankText : 'Veuillez sélectionner le format des données',
emptyText : ' Veuillez sélectionner le format des données',
fieldLabel : 'Data format',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :unitStore ,
forceSelection : true,
mode : 'local',
selectOnFocus : true
})