Ext中下拉列表ComboBox组件store数据格式用法介绍
更新时间：2013年07月15日 16:54:41 作者：
本文为大家详细介绍下Ext中下拉列表ComboBox组件store数据格式的基本用法，感兴趣的朋友可以参考下哈，希望对大家有所帮助
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
复制代码 代码如下:
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
});
相关文章
extjs为ColumnChart设置不同的颜色想必有很多朋友还是比较陌生的吧，接下来为大家详细介绍下具体设置代码，感兴趣的朋友可以参考下哈2013-05-05
Extjs中使用extend(js继承) 的代码，抄<深入浅出Extjs>书2012-03-03
Ext JS中的Ext.Date可以看作是JavaScript中date的加强版,提供了许多进阶的日期操作函数,下面我们就来看一下Ext JS框架中日期函数的用法及日期选择控件的实现2016-05-05
这篇文章主要介绍了ExtJS中设置下拉列表框不可编辑的方法,需要的朋友可以参考下2014-05-05
Border布局由类Ext.layout.BorderLayout定义，布局名称为border。2009-04-04
在切换tabpanel的时候，把相应的工具栏隐藏掉，结果出现空白，先熊板板的空白不过后来终于解决，接下来与大家分享下解决技巧，感兴趣的朋友可以参考下哈2013-04-04
ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用2008-12-12
Extjs中RowExpander控件的默认展开问题示例探讨
本文为大家探讨下关于Extjs中RowExpander控件的默认展开问题，下面有个不错的示例，感兴趣的朋友可以参考下2014-01-01
Extjs动态加载树的实现代码，需要的朋友可以参考下。2010-04-04
这几天做后台看了一些Ext的知识，在切入工作项目的时候出现了乱码情况,所以就总结了这篇ExtJS中文乱码之GBK格式编码解决办法的文章,遇到此问题的朋友可以参考一下，希望本文对你有所帮助2013-01-01
最新评论