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 相关文章推荐
JS的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
javascript下高性能字符串连接StringBuffer类
Aug 16 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
KnockoutJS 3.X API 第四章之click绑定
Oct 10 Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
利用纯js + transition动画实现移动端web轮播图详解
Sep 10 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
精读《Vue3.0 Function API》
May 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/03/05 PHP
发一个php简单的伪原创程序,配合商城采集用的
2010/10/12 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
php实现的日历程序
2015/06/18 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
PHP对象实例化单例方法
2017/01/19 PHP
用JAVASCRIPT如何给<textarea></textarea>赋值
2007/04/20 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
python 多线程串行和并行的实例
2019/02/22 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
招标承诺书
2014/08/30 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
解析MySQL binlog
2021/06/11 MySQL
浅析Django接口版本控制
2021/06/26 Python
Redis 哨兵机制及配置实现
2022/03/25 Redis