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检测浏览器flash版本的实现代码
Dec 06 Javascript
jQuery把表单元素变为json对象
Nov 06 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 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
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
php实现的递归提成方案实例
2015/11/14 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
js jquery数组介绍
2012/07/15 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
详解详解Python中writelines()方法的使用
2015/05/25 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
解决Python 爬虫URL中存在中文或特殊符号无法请求的问题
2018/05/11 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
如何更优雅地写python代码
2019/07/02 Python
python将数据插入数据库的代码分享
2020/08/16 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
动物学专业毕业生求职信
2013/10/11 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
实施意见格式范本
2015/06/05 职场文书