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 相关文章推荐
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
详解Vue源码学习之callHook钩子函数
Jul 25 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 Javascript
JavaScript onclick事件使用方法详解
May 15 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 已经成熟
2006/12/04 PHP
PHP中include()与require()的区别说明
2010/03/10 PHP
php set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
简单JS代码压缩器
2006/10/12 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
2016/11/02 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
Python实现获取网站PR及百度权重
2015/01/21 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
理解Python垃圾回收机制
2016/02/12 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
什么是反射
2012/03/17 面试题
《金子》教学反思
2014/04/13 职场文书
合伙购房协议样本
2014/10/06 职场文书
环境卫生整治简报
2015/07/20 职场文书
升学宴祝酒词
2015/08/11 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
Python基础之元类详解
2021/04/29 Python
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
vue实现移动端div拖动效果
2022/03/03 Vue.js