Extjs读取本地下拉选框数据源，分为text和value，显示text，传值value

最新推荐文章于 2020-12-19 10:33:06 发布

weixin_34064653

最新推荐文章于 2020-12-19 10:33:06 发布

阅读量320

点赞数 1

本文介绍如何使用ExtJS创建组合框，并展示了两种配置方式。一种是通过SimpleStore存储选项，另一种则采用ArrayStore存储选项。每种方式都详细说明了如何设置字段标签、触发操作、是否允许空白值等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

this.rdTypeCom=new Ext.form.ComboBox({
              hiddenName:'rdType',
              store:new Ext.data.SimpleStore(
              {
               fields:['value','text'],
               data:[['1','金钱奖励'],['2','名誉奖励'],['3','惩罚']]
              }),
              fieldLabel:"类别",
              mode:'local',
              triggerAction:'all',
              hideTrigger:false,
              allowBlank:false,
              listWidth:150,
              width:150,
              editable:false,
              valueField:'value',
              displayField:'text'
});

另一种方式：

　　　　　　　　　　　　　　fieldLabel : '类型',
                                       name : 'materialType',
                                       hiddenName:'materialType',
                                       xtype:'combo',
                                       triggerAction:'all',
                                       allowBlank : false,
                                       mode:'local',
                                       store:new Ext.data.ArrayStore({
                                           fields:['value','text'],
                                           data:[
                                             ['1','材料'],
                                             ['2','工具']
                                           ]
                                       }),
                                       displayField:'text',
                                       valueField:'value',
                                       blankText:'类型是必填的',
                                       editable:false