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 相关文章推荐
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
浅析JavaScript中的typeof运算符
Nov 30 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二)
Jan 21 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
微信小程序实现弹出菜单功能
Jun 12 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
React中的Context应用场景分析
Jun 11 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
js判断是否为数组的函数: isArray()
2011/10/30 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
JavaScript实现的搜索及高亮显示功能示例
2017/08/14 Javascript
vue实现商城购物车功能
2017/11/27 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
Python学习之asyncore模块用法实例教程
2014/09/29 Python
Python 实现链表实例代码
2017/04/07 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
基于python实现操作git过程代码解析
2020/07/27 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
PHP开发的一般流程
2013/08/13 面试题
股东协议书范本
2014/04/14 职场文书
李培根演讲稿
2014/05/22 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
学雷锋活动倡议书
2014/08/30 职场文书
安全承诺书
2015/01/19 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
中标通知书格式
2015/04/17 职场文书
检讨书怎么写
2015/05/07 职场文书
正规欠条模板
2015/07/03 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python
原生JS实现分页
2022/04/19 Javascript