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


Posted in Javascript onJune 17, 2014

前台:

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 
})
Javascript 相关文章推荐
Javascript的一种模块模式
Mar 22 Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
jQuery对象的selector属性用法实例
Dec 27 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
vue动态路由配置及路由传参的方式
May 23 Javascript
ng-events类似ionic中Events的angular全局事件
Sep 05 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
JavaScript嵌入百度地图API的最详细方法
Apr 16 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 #Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 #Javascript
connect中间件session、cookie的使用方法分享
Jun 17 #Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 #Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 #Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 #Javascript
IE8中使用javascript动态加载CSS的解决方法
Jun 17 #Javascript
You might like
一些常用的php简单命令代码集锦
2007/09/24 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
linux中cd命令使用详解
2015/01/08 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
jquery实现metro效果示例代码
2013/09/06 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
[06:10]6.81新信使新套装!给你一个炫酷的DOTA2
2014/05/06 DOTA
Python中的列表知识点汇总
2015/04/14 Python
Python实现比较两个列表(list)范围
2015/06/12 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
Python中set与frozenset方法和区别详解
2016/05/23 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python实现网站表单提交和模板
2019/01/15 Python
python 切换root 执行命令的方法
2019/01/19 Python
python+selenium实现自动化百度搜索关键词
2019/06/03 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
本科生导师推荐信范文
2014/05/18 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
python实现批量移动文件
2021/04/05 Python
golang 实现并发求和
2021/05/08 Golang
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android
MySQL事务的隔离级别详情
2022/07/15 MySQL