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 调整select 位置的函数
Feb 21 Javascript
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
jsTree使用记录实例
Dec 01 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
在vue中使用Base64转码的案例
Aug 07 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
数字转英文
2006/12/06 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
PHP+MySQL删除操作实例
2015/01/21 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
php可变长参数处理函数详解
2017/02/22 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
js转化毫秒为时间格式代码
2014/04/10 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
webpack HappyPack实战详解
2019/10/08 Javascript
JavaScript将数组转换为链表的方法
2020/02/16 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
python获取一组数据里最大值max函数用法实例
2015/05/26 Python
Python匹配中文的正则表达式
2016/05/11 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
Python基于template实现字符串替换
2020/11/27 Python
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
团工委书记自荐书范文
2013/12/17 职场文书
火车来了教学反思
2014/02/11 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python