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 相关文章推荐
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
js document.write()使用介绍
Feb 21 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
详解a++和++a的区别
Aug 30 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 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实现的MySQL通用查询程序
2007/03/11 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
PHP实现图片自动清理的方法
2015/07/08 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
js加强的经典分页实例
2013/03/15 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
微信小程序仿美团城市选择
2018/06/06 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python抓取网页图片示例(python爬虫)
2014/04/27 Python
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python的Flask框架中配置多个子域名的方法讲解
2016/06/07 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
django批量导入xml数据
2016/10/16 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
Python调用服务接口的实例
2019/01/03 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
怎样写好创业计划书的内容
2014/02/06 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
婚纱摄影师求职信范文
2014/04/17 职场文书
村庄环境整治方案
2014/05/15 职场文书
小学教师见习总结
2015/06/23 职场文书
python读取mnist数据集方法案例详解
2021/09/04 Python