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 中 document.createEvent的用法
Aug 29 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
Mar 07 Javascript
自己实现ajax封装示例分享
Apr 01 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
jquery按回车键实现表单提交的简单实例
May 25 Javascript
Angular项目如何升级至Angular6步骤全纪录
Sep 03 Javascript
Node批量爬取头条视频并保存方法
Sep 20 Javascript
Vue组件的使用及个人理解与介绍
Feb 09 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
详解CocosCreator项目结构机制
Apr 14 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 计算两个时间戳相隔的时间的函数(小时)
2009/12/18 PHP
在PHP中养成7个面向对象的好习惯
2010/07/17 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
PHP实现对文本数据库的常用操作方法实例演示
2014/07/04 PHP
摘自织梦CMS的HTTP文件下载类
2015/08/08 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
laravel 操作数据库常用函数的返回值方法
2019/10/11 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
关于document.cookie的使用javascript
2008/04/11 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
jquery中EasyUI使用技巧小结
2015/02/10 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
2017/10/20 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
如何用原生js写一个弹窗消息提醒插件
2019/05/24 Javascript
详解微信小程序动画Animation执行过程
2020/09/23 Javascript
Python实现备份文件实例
2014/09/16 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
基于Django的ModelForm组件(详解)
2017/12/07 Python
Python中Unittest框架的具体使用
2019/08/27 Python
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
Ruby如何定义一个类
2012/10/08 面试题
社区庆中秋节活动方案
2014/02/07 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
暑期培训心得体会
2014/09/02 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
入党自荐书范文
2015/03/05 职场文书
英镑符号 £
2022/02/17 杂记
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏
移除Selenium中window.navigator.webdriver值
2022/06/10 Python