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数组使用调用方法汇总
Dec 08 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
JavaScript中Math.SQRT2属性的使用详解
Jun 14 Javascript
js限制文本框只能输入中文的方法
Aug 11 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
使用微信SDK自定义分享的方法
Jul 03 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+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
ucenter通信原理分析
2015/01/09 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
php三元运算符知识汇总
2015/07/02 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
Javascript之面向对象--封装
2016/12/02 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
如何理解Vue的v-model指令的使用方法
2018/07/19 Javascript
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
分析python切片原理和方法
2017/12/19 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
学校办公室主任职责
2013/12/27 职场文书
销售团队口号大全
2014/06/06 职场文书
搞笑车尾标语
2014/06/23 职场文书
党员创先争优心得体会
2014/09/11 职场文书
写给领导的感谢信
2015/01/22 职场文书
世界文化遗产导游词
2015/02/13 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
咖啡厅里的创业计划书
2019/08/21 职场文书
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
Java完整实现记事本代码
2022/06/16 Java/Android