快捷導(dǎo)航

ext combobox動(dòng)態(tài)加載數(shù)據(jù)庫數(shù)據(jù)(附前后臺(tái))

更新時(shí)間：2014年06月17日 16:56:47 投稿：whsnow

這篇文章主要介紹了ext combobox動(dòng)態(tài)加載數(shù)據(jù)庫數(shù)據(jù)并附前后臺(tái)實(shí)現(xiàn),需要的朋友可以參考下

前臺(tái)：

 
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"] 
) 
}); 


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

后臺(tái)action代碼

復(fù)制代碼代碼如下:

 
public class StationAction extends BaseAction { 

private List<Map<String, Object>> provinceList; 
public void setProvinceList(List<Map<String, Object>> provinceList) { 
this.provinceList = provinceList; 
} 

public List<Map<String, Object>> 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配置

復(fù)制代碼代碼如下:

 
<result name="json_getProvinceList" type="json" > 
<param name="root">provinceList</param> 
</result> 

加載靜態(tài)數(shù)據(jù)的下拉選擇框

復(fù)制代碼代碼如下:

 
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", 
blankText : '請選擇數(shù)據(jù)格式', 
emptyText : '請選擇數(shù)據(jù)格式', 
fieldLabel : '數(shù)據(jù)格式', 
allowBlank : false, 
editable : false, 
triggerAction : 'all', 
store :unitStore , 
forceSelection : true, 
mode : 'local', 
selectOnFocus : true 
}) 