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.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
javascript 回调函数详解
Nov 11 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
javascript表单验证大全
Aug 12 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
微信小程序接入vant Weapp组件的详细步骤
Oct 28 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
smtp邮件发送一例
2006/10/09 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
Function.prototype.bind用法示例
2013/09/16 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
python 判断自定义对象类型
2009/03/21 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
通过Pandas读取大文件的实例
2018/06/07 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
Python创建自己的加密货币的示例
2021/03/01 Python
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
地理教师岗位职责
2014/03/16 职场文书
学习雷锋活动总结
2014/04/29 职场文书
大班亲子运动会方案
2014/06/10 职场文书
村主任群众路线个人对照检查材料
2014/09/26 职场文书
2014教师年度工作总结
2014/11/10 职场文书
2014年班组工作总结
2014/11/20 职场文书
企业培训简报范文
2015/07/20 职场文书
nginx内存池源码解析
2021/11/20 Servers
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers