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);  

          }      

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