Ext中下拉列表ComboBox组件store数据格式用法介绍


Posted in Javascript onJuly 15, 2013
var p_years = new Ext.form.ComboBox( { 
fieldLabel : '统计年份', 
anchor : anchor_w, 
mode : 'remote', 
maxHeight:100, 
triggerAction : 'all', 
selectOnFocus : true, 
forceSelection : true, 
editable : false, 
//store :[['11', '2011'], ['12', '2012'],['13', '2013']] //此为第一种 
store:[2011,2012,2013,2014,2015,2016,2017,2018] //此为第二种,当没有制定value和text的时候,默认提交值与显示值为同一个。 
});

在该组件中,可以直接手写数组格式[ [' value','Text ' ] ,[ ],[ ] ]进行构建,提交值是前者,后者作为显示值。
下面是比较正规用法,从数据库同步数据字典渲染comboBox组件
var proj_main_store = new Ext.data.JsonStore({ 
url : "************", 
fields : ['TEXT', 'VALUE'], 
root : "objs", 
baseParams : { 
"obj/dicttypeid" : "BM_IMPORTANT_PROJ" 
} 
}); 
proj_main_store.addListener("load", function(){ 
proj_main_store.insert(0, new Ext.data.Record({ 
'TEXT' : '全部', 
'VALUE' : "" 
})); 
}); 
var proj_main_type = new Ext.form.ComboBox( { 
fieldLabel : '重点工程', 
anchor : anchor_w, 
mode : 'remote', 
triggerAction : 'all', 
selectOnFocus : true, 
forceSelection : true, 
editable : false, 
valueField : 'VALUE', 
displayField : 'TEXT', 
store : proj_main_store 
});
Javascript 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
js以对象为索引的关联数组
Jul 04 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
Aug 21 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
AngularJs 常用的过滤器
May 15 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 #Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 #Javascript
JS中获取数据库中的值的方法
Jul 14 #Javascript
js 实现日期灵活格式化的小例子
Jul 14 #Javascript
仿谷歌主页js动画效果实现代码
Jul 14 #Javascript
jquery.messager.js插件导致页面抖动的解决方法
Jul 14 #Javascript
jquery实现输入框动态增减的实例代码
Jul 14 #Javascript
You might like
php程序效率优化的一些策略小结
2010/07/17 PHP
PHP面向对象详解(三)
2015/12/07 PHP
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
ScrollDown的基本操作示例
2013/06/09 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
python 从远程服务器下载东西的代码
2013/02/10 Python
Python递归函数定义与用法示例
2017/06/02 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
python七夕浪漫表白源码
2019/04/05 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
《难忘的泼水节》教学反思
2014/02/27 职场文书
物理学专业求职信
2014/07/04 职场文书
作文批改评语
2014/12/25 职场文书
接待员岗位职责
2015/02/13 职场文书
病房管理制度范本
2015/08/06 职场文书
Java基于字符界面的简易收银台
2021/06/26 Java/Android