前台：

复制代码 代码如下:

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

})

【ext combobox动态加载数据库数据(附前后台)】相关文章：

★ javascript动态创建表格及添加数据实例详解

★ jQuery异步上传文件插件ajaxFileUpload详细介绍

★ js实现从右向左缓缓浮出网页浮动层广告的方法

★ jQuery zTree加载树形菜单功能

★ 初步使用Node连接Mysql数据库

★ javaScript中push函数用法实例分析

★ Javascript中的Prototype到底是什么

★ jQuery结合ajax实现动态加载文本内容

★ javascript中动态函数用法

★ 在JavaScript中处理时间之setMinutes()方法的使用