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 相关文章推荐
JS面向对象编程之对象使用分析
Aug 19 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
Sep 10 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
Dec 27 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 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
使用数据库保存session的方法
2006/10/09 PHP
php debug 安装技巧
2011/04/30 PHP
php中神奇的fastcgi_finish_request
2011/05/02 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
Yii中表单用法实例详解
2016/01/05 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
prototype 学习笔记整理
2009/07/17 Javascript
jquery插件制作简单示例说明
2012/02/03 Javascript
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
JS是按值传递还是按引用传递
2015/01/30 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
详解webpack介绍&amp;安装&amp;常用命令
2017/06/29 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
原生JS实现留言板
2020/03/26 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
计算机科学系职业生涯规划书
2014/03/08 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
七一建党日演讲稿
2014/09/05 职场文书
党性分析自查总结
2014/10/14 职场文书
工程竣工验收申请报告
2015/05/15 职场文书
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android