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 相关文章推荐
childNodes.length与children.length的区别
May 14 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
Apr 25 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
详解JS函数防抖
Jun 05 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利用cookies实现购物车的方法
2014/12/10 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
php实现的验证码文件类实例
2015/06/18 PHP
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
2020/04/25 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
Python中下划线的使用方法
2015/03/27 Python
Python中实现最小二乘法思路及实现代码
2018/01/04 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
Python实现上下文管理器的方法
2020/08/07 Python
python实现猜拳游戏项目
2020/11/30 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
英国婴儿产品专家:Samuel Johnston
2020/04/20 全球购物
一份婚庆公司创业计划书
2014/01/11 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
中标通知书范本
2015/04/17 职场文书
童年读书笔记
2015/06/26 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL