源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Ext中下拉列表ComboBox组件store数据格式用法介绍

  • 时间:2022-03-19 20:22 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Ext中下拉列表ComboBox组件store数据格式用法介绍
[u]复制代码[/u] 代码如下:
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组件
[u]复制代码[/u] 代码如下:
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 });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部