editorGridPanel++中+有一列使用combobox+,选择后显示的是value+而不是name.+解决方法

本文介绍了如何在Ext editorGridPanel的combobox中,通过afterEditorEvent事件设置显示的不是value而是name,以及提供了一种简单方法使用ArrayStore来实现动态加载并显示正确的内容。解决方案包括了复杂逻辑的调整和使用更简洁的ArrayStore结构,避免了直接操作record导致的错误提示。

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

 _afterEditorEvent : function(obj){
    var scope = this;
         if (obj.value === ""){
    return obj.value;
   }
   var bscStore = scope.comboxBsc.store;
   var bscLabel;
   for ( var i = 0; i < bscStore.data.length; i++) {  
    if (bscStore.data.items[i].data.value == obj.value) {
     bscLabel= bscStore.data.items[i].data.name;
     alert(bscLabel);
     break;
    }
   }
   //obj.record.data['RELATED_NEW_BSC_LABEL']=bscLabel;
   scope.comboxBsc.setRawValue(bscLabel);
   
 }

Ext  editorGridPanel  中 有一列使用combobox ,选择后显示的是value 而不是name,我的combobox store是动态加载?每一行在编辑之前加载的。

上面是我用afterEditorEvent事件去设置显示的内容,但还是显示的是value ,求解???

 

终于找到解决方法了 :

_afterEditorEvent : function(obj){
    var scope = this;
         if (obj.value === ""){
    return obj.value;
   }
   var bscStore = scope.comboxBsc.store;
   var bscLabel;
   for ( var i = 0; i < bscStore.data.length; i++) {  
    if (bscStore.data.items[i].data.value == obj.value) {
     bscLabel= bscStore.data.items[i].data.name;
     break;
    }
   }
   var rd = obj.record;
   rd.set('RELATED_NEW_BSC_LABEL' ,bscLabel);     //设置combox 显示的name。
   rd.set('RELATED_NEW_BSC_CUID' ,obj.value);        //隐藏列显示combox 的value.
   //rd.commit();   加了commit ()修改后就不会标记红色提示。
 }

 

第二种简单的方法:

  this.useageStore = new Ext.data.ArrayStore({
    fields : ["value", "label"],
    data : [["T_LOGIC_DEVICE_MSCSERVER", "信令"],
      ["T_LOGIC_DEVICE_MGW", "媒体"],
      ["T_LOGIC_DEVICE_BSC", "复用"]]
    });

this.useageCombo = new Ext.form.ComboBox ({
    id : "USEAGE",
       store : this.useageStore,
    valueField      : 'value',
       displayField    : 'label',
       editable        : true,
       typeAhead       : false,
       width           : 150,
       forceSelection : true,
       lazyRender      :true,
       allowBlank     : false,
       emptyText       :'请选择',
       mode            : 'local',
       triggerAction   : 'all'
     });

column :

{
   header : "用途",
   dataIndex : "USEAGE",
   width : 160,
   editor : this.useageCombo,
   renderer :  {fn:function (value){
    for ( var i = 0; i <  this.useageStore.data.length; i++) {
     if ( this.useageStore.data.items[i].data.value == value) {
      return this.useageStore.data.items[i].data.label;
     }
       }
         return value;
   } ,scope : this}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值