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 href的用法
May 13 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
基于jQuery实现滚动刷新效果
Jan 09 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
JavaScript构造函数原理及实现流程解析
Nov 19 Javascript
一文搞懂redux在react中的初步用法
Jun 09 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 Vue.js
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中日期加减法运算实现代码
2011/12/08 PHP
简单的cookie计数器实现源码
2013/06/07 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
javascript 树控件 比较好用
2009/06/11 Javascript
JavaScript为对象原型prototype添加属性的两种方式
2010/08/01 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
详解Angular2组件之间如何通信
2017/06/22 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
python 布尔操作实现代码
2013/03/23 Python
python如何查看系统网络流量的信息
2016/09/12 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
会议邀请函范文
2014/01/09 职场文书
缴纳养老保险的证明
2014/01/10 职场文书
大学总结自我鉴定
2014/01/18 职场文书
党员批评与自我批评
2014/10/15 职场文书
说谎欺骗人检讨书300字
2014/11/18 职场文书
筑梦中国心得体会
2016/01/18 职场文书
python办公自动化之excel的操作
2021/05/23 Python