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 相关文章推荐
Seajs的学习笔记
Mar 04 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
Jul 09 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
关于Layui Table隐藏列问题
Sep 16 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
JavaScript 布尔操作符解析  && || !
2012/08/10 Javascript
javascript动态创建链接的方法
2015/05/13 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
javascript实现支持移动设备画廊
2015/08/24 Javascript
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
通过javascript进行UTF-8编码的实现方法
2016/06/27 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
JS实现的Unicode编码转换操作示例
2017/04/28 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
2018/10/09 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
JavaScript简单编程实例学习
2020/02/14 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
python实现统计代码行数的方法
2015/05/22 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
医学生实习自我鉴定
2013/09/27 职场文书
关于保护环境的建议书
2014/05/13 职场文书
小学家长通知书评语
2014/12/31 职场文书
高中家长意见怎么写
2015/06/03 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis