ext combobox動態載入資料庫資料(附前後台)_extjs

前台：

複製程式碼 程式碼如下:

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


//選擇省市
var provinceIDadd = new Ext.form.ComboBox({form.
anchor : '98%',
id:'provinceIDadd',
name : "provinceIDAdd1",
hiddenName : "provinceID",
displayField : "PROVINCENvalue : "PROVINCEID",
blankText : '請選擇站點所屬省份',
emptyText : '請選擇站點所屬省份',
fieldLabel : '站點所屬省份',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :provinceStore ,
forceSelection : true,
mode : 'local',
selectOnFocus : true>true 🎜>provinceStore.load();


後台action程式碼

複製程式碼複製程式碼

複製程式碼


程式碼🎜>

public class StationAction extends BaseAction {

private List

}

strtus xml設定複製程式碼

複製程式碼


程式碼如下

provinceList

載入靜態資料的下拉選擇框

複製程式碼


程式碼如下:


var dataType[[ '0','8列'],['1','38列'],['2','21列']];
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",
value : '請選擇資料格式',
emptyText : '請選取資料格式',
fieldLabel : '資料格式',
allowBlank : false,
editable : false,
triggerAction : ' all',
store :unitStore ,

forceSelection : true, mode : 'local', selectOnFocus : true })