ext combobox动态加载数据库数据(附前后台)

前端技术 2023/09/03 JavaScript
前台：
复制代码 代码如下:

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 : \'请选择站点所属省份\',
emptyText : \'请选择站点所属省份\',
fieldLabel : \'站点所属省份\',
allowBlank : false,
editable : false,
triggerAction : \'all\',
store :provinceStore ,
forceSelection : true,
mode : \'local\',
selectOnFocus : true
})
provinceStore.load();

后台action代码
复制代码 代码如下:

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配置
复制代码 代码如下:

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

加载静态数据的下拉选择框
复制代码 代码如下:

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 : \'请选择数据格式\',
emptyText : \'请选择数据格式\',
fieldLabel : \'数据格式\',
allowBlank : false,
editable : false,
triggerAction : \'all\',
store :unitStore ,
forceSelection : true,
mode : \'local\',
selectOnFocus : true
})

本文地址：https://www.stayed.cn/item/8515

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案