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 相关文章推荐
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
JavaScript操纵窗口的方法小结
Jun 28 Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 Javascript
原生JavaScript编写俄罗斯方块
Mar 30 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
浅谈es6语法 (Proxy和Reflect的对比)
Oct 24 Javascript
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
Vue render函数实战之实现tabs选项卡组件
Apr 22 Javascript
使用layui 的layedit定义自己的toolbar方法
Sep 18 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
jQuery实现日期联动效果实例
2016/07/26 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
React 高阶组件入门介绍
2018/01/11 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
Angular实现svg和png图片下载实现
2019/05/05 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
2017/08/01 HTML / CSS
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
serialVersionUID具有什么样的特征
2014/02/20 面试题
体育教育专业毕业生自荐信
2013/11/15 职场文书
初一生物教学反思
2014/01/18 职场文书
公司拓展活动方案
2014/02/13 职场文书
毕业生学校推荐信范文
2014/05/21 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
九九重阳节标语
2014/10/07 职场文书
2014年财政所工作总结
2014/11/22 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
OpenCV全景图像拼接的实现示例
2021/06/05 Python
python简单验证码识别的实现过程
2021/06/20 Python