flex datagrid 中实现combobox联动

先前公司有一项目中有一这样需求，在网上google一大把，无解决办法，最近听高人指见用自定义事件和数据绑定来实现

我研究了两天才解决此问题，我觉得挺有意思，让我了解了flex事件的强大功能；

今天闲来整理一下，现将解决办法详细说明如下：

1.先自定义一个事件(CustomEvent .as)：

import flash.events.Event;

 public class CustomEvent extends Event
 {
  
  public var data:Object;
  
  public var index:Object;
        
        public static const EVENT_NAME:String = "event_name";

        
        public function CustomEvent(type:String, index:Object=null,data:Object = null)
        {
            super(type);
            this.index=index;
            this.data = data;
        }
  
 }

 

第一个itemrenderer的combobox中的change()事件中实现自定义事件监听，;

其中妙处所在owner这个类的引用

 

public function change():void{
     data.DATETIME_TYPE=alarmActionDateType.selectedItem.ITEM_CODE;
   this.owner.dispatchEvent(new CustomEvent(CustomEvent.EVENT_NAME,data.onlyID,alarmActionDateType.selectedItem.ITEM_CODE));
    }
   

在第二个itemrenderer中的createComplete方法中定义一个init()方法;

  public function init():void
      {
       this.owner.addEventListener(CustomEvent.EVENT_NAME,ophandler);

}

public function ophandler(event:CustomEvent):void
      {
 
       if(event.index==data.onlyID){
        var resultList:ArrayCollection=getOplist(event.data.toString());
        //给data.operator赋值
          if(resultList.length>0){
      operator.dataProvider=resultList;
       
      for each(var o:Object in resultList)
             {
              if(data.OPERATOR == o.ITEM_CODE)
              {
               operator.selectedItem = o;
               return;
              }
             }
            operator.selectedIndex=0;
            data.OPERATOR=operator.selectedItem.ITEM_CODE;
     }else{
      operator.dataProvider = "";
     }
        
       }
       }

 

其实这个onlyID是我在表格中自动生成的序号，我用此来实现辨别现在操作的是哪一行，不然会出现改变一个下拉列表，其它行的下拉列表都会变的问题；

<mx:DataGrid id="you_dg" width="98%" height="98%">
   <mx:columns>
    <mx:DataGridColumn headerText="序号" width="70" minWidth="70">  
                <mx:itemRenderer>  
                    <mx:Component>  
                        <mx:Label text="{this.parentDocument.genrowno(data)}"/>  
                    </mx:Component>  
                </mx:itemRenderer>  
             </mx:DataGridColumn>

  <mx:DataGridColumn headerText="combobox1"  width="130" minWidth="130" dataField="ITEM_CODE" itemRenderer="ComboboxSendType">
    </mx:DataGridColumn>
    <mx:DataGridColumn headerText="combobox2"  width="130" minWidth="130" dataField="OPERATOR" itemRenderer="ComboboxDynamicOperator"></mx:DataGridColumn>

 

   public function genrowno(ob:Object):String {  
          ob.onlyID=String(you_dg.dataProvider.getItemIndex(ob)+1);
                return String(you_dg.dataProvider.getItemIndex(ob)+1);  
          }      

 

 

这样即可解决实现下拉列表联动的问题