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 相关文章推荐
用Javascript实现UTF8编码转换成gb2312编码
Dec 22 Javascript
谷歌浏览器 insertCell与appendChild的区别
Feb 12 Javascript
js 禁用只读文本框获得焦点时的退格键
Apr 25 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
Nov 24 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PHP常用技巧汇总
2016/03/04 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
JavaScript去掉空格的方法集合
2010/12/28 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
JS中的三个循环小结
2017/06/20 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
Element Input组件分析小结
2018/10/11 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
python开发中module模块用法实例分析
2015/11/12 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Python谱减法语音降噪实例
2019/12/18 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
秘书岗位职责
2013/11/18 职场文书
音乐学专业求职信
2014/07/22 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
百年孤独读书笔记
2015/06/29 职场文书
如何用python插入独创性声明
2021/03/31 Python
如何利用pygame实现打飞机小游戏
2021/05/30 Python