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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
syntaxhighlighter 使用方法
Jul 02 Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
javascript与有限状态机详解
May 08 Javascript
SWFObject基本用法实例分析
Jul 20 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
JS实现点击事件统计的简单实例
Jul 10 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
深入了解响应式React Native Echarts组件
May 29 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中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
jQuery多级联动下拉插件chained用法示例
2016/08/20 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
vue引入swiper插件的使用实例
2017/07/19 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
原生JS无缝滑动轮播图
2019/10/22 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
PyQt5每天必学之切换按钮
2020/08/20 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
班级德育工作实施方案
2014/02/21 职场文书
社区食品安全实施方案
2014/03/28 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
学习保证书
2015/01/17 职场文书
如何拟写通知正文?
2019/04/02 职场文书
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS