自定义ItemEditor 组件

 

<!--
     This is an item editor component for DataGrid.
     The dataProvider property is of type ArrayCollection,in this collection,the item type is String.
     I was trying to set the item type as Object that holds two properties like {id:1,value:'Combox1'}.
     Considering to the commonality,I prefer this way,although I may write more code somwhere.
     This component should be optimised sometime to make it more flexiable.

-->
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
         implements="mx.controls.listClasses.IDropInListItemRenderer,mx.managers.IFocusManagerComponent">
    <mx:Metadata>
        [Event(name="comboxItemChange",type="common.CustomEvent")]
    </mx:Metadata>
    <mx:Script>
        <![CDATA[
            import common.CustomEvent;

            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.controls.dataGridClasses.DataGridItemRenderer;
            import mx.controls.dataGridClasses.DataGridListData;
            import mx.controls.listClasses.BaseListData;
            import mx.controls.listClasses.IDropInListItemRenderer;
            import mx.controls.listClasses.IListItemRenderer;
            import mx.controls.listClasses.ListData;
            import mx.core.IDataRenderer;
            import mx.events.ListEvent;

            [Bindable]
            public var dataProvider:ArrayCollection = new ArrayCollection();

            private var _listData:DataGridListData;
            // Define a property for returning the new value to the cell.
            [Bindable]
            public var value:Object;

            // Implement the drawFocus() method for the VBox.
            override public function drawFocus(draw:Boolean):void
            {
                CB.setFocus();
            }

            override public function get data():Object
            {
                return super.data;
            }

            override public function set data(value:Object):void
            {
                super.data = value;
                CB.data = value[_listData.dataField];
            }

            //flex initializes the listData property of the component
            //with the appropriate data from the list control
            public function get listData():BaseListData
            {
                return _listData;
            }

            public function set listData(value:BaseListData):void
            {
                _listData = DataGridListData(value);
            }

            protected function CB_changeHandler(event:ListEvent):void
            {
                this.dispatchEvent(new CustomEvent([this.data, value], "comboxItemChange"));
            }

        ]]>
    </mx:Script>
    <mx:Binding destination="value" source="{CB.value}"/>
    <mx:ComboBox id="CB"  editable="false"   dataProvider="{dataProvider}"   change="CB_changeHandler(event)" />
</mx:VBox>