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 相关文章推荐
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
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为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
[原创]图片分页查看
2006/08/28 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
js实现登录与注册界面
2017/11/01 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
Python实现将文本生成二维码的方法示例
2017/07/18 Python
分析python切片原理和方法
2017/12/19 Python
基于Django用户认证系统详解
2018/02/21 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
Python实现代码统计工具
2019/09/19 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
幼师自荐信
2013/10/26 职场文书
预备党员思想汇报范文
2013/12/29 职场文书
体育活动总结范文
2014/05/04 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
喋血孤城观后感
2015/06/08 职场文书
初中运动会前导词
2015/07/20 职场文书
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers