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 相关文章推荐
超级退弹代码
Jul 07 Javascript
什么是JavaScript
Aug 13 Javascript
javascript 日期常用的方法
Nov 11 Javascript
基于JQuery.timer插件实现一个计时器
Apr 25 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
基于Vue如何封装分页组件
Dec 16 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
vue-dplayer 视频播放器实例代码
Nov 08 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基础知识回顾
2012/08/16 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
php实现paypal 授权登录
2015/05/28 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
PHP+AjaxForm异步带进度条上传文件实例代码
2017/08/14 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
鼠标图片振动代码
2006/07/06 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
给事件响应函数传参数的四种方式小结
2013/12/05 Javascript
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
Python File readlines() 使用方法
2018/03/19 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
pandas 将索引值相加的方法
2018/11/15 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
html5 标签
2009/07/16 HTML / CSS
小学信息技术教学反思
2014/02/10 职场文书
个人查摆剖析材料
2014/10/04 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
毕业生入职感言
2015/07/31 职场文书
清明节主题班会
2015/08/14 职场文书
五年级语文教学反思
2016/03/03 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书