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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
js Event对象的5种坐标
Sep 12 Javascript
jquery next nextAll nextUntil siblings的区别介绍
Oct 05 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
vue实例的选项总结
Jun 09 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
如何在现代JavaScript中编写异步任务
Jan 31 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
DSP接收机前端设想
2021/03/02 无线电
main.php
2006/12/09 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
PHP获取真实IP及IP模拟方法解析
2020/11/24 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
es6数值的扩展方法
2019/03/11 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
使用python实现省市三级菜单效果
2016/01/20 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
期末总结的个人自我评价
2013/11/02 职场文书
管理科学大学生求职信
2013/11/13 职场文书
初二生物教学反思
2014/02/03 职场文书
学习标兵获奖感言
2014/02/20 职场文书
司机职责范本
2014/03/08 职场文书
总结表彰大会主持词
2014/03/26 职场文书
生日寄语大全
2014/04/08 职场文书
公务员个人总结
2015/02/12 职场文书
JavaScript 数组去重详解
2021/09/15 Javascript
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle