flex_可编辑表格示例;

=>TheEditableGridItemEditor(自定义组件)

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()">
    
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.ListEvent;
            
            [Bindable]
            private var arrayForCombo:ArrayCollection = new ArrayCollection([
                {type: "军阀"},
                {type: "雇佣兵"}
            ]);
            
            [Bindable]
            public var personType:String;    // 应该用于存储修改了的值。
            
            private function init():void
            {
                personType = data.type;    // data为datagrid行信息；
                
                for(var i:int=0,len:int=arrayForCombo.length; i<len; i++) {
                    if(arrayForCombo[i].type == data.type) {
                        combo.selectedindex = i;    // 让comboBox显示对应的数据。
                    }
                }
            }
            
            protected function combo_changeHandler(event:ListEvent):void
            {
                personType = combo.selectedItem.type;
            }
            
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    
    <!--view-->
    <mx:ComboBox id="combo" dataProvider="{arrayForCombo}" labelField="type" change="combo_changeHandler(event)"/>
</mx:HBox>

=>TheEditableGrid(应用程序)

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"                xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/mx"                minWidth="955" minHeight="600" pageTitle="可编辑表格示例">     <fx:Script>         <![CDATA[             import mx.collections.ArrayCollection;                          [Bindable]             private var arrayForGrid:ArrayCollection = new ArrayCollection([                 {name: "唐龙",age: 23,email: "[e-mail]",type: "军阀"},                {name: "楚源",age: 11,email: "[e-mail]",type: "雇佣兵"},                {name: "猴子",age: 12,email: "12!lf.com",type: "雇佣兵"}             ]);         ]]>     </fx:Script>          <fx:Declarations>         <!-- 将非可视元素（例如服务、值对象）放在此处 -->     </fx:Declarations>          <!--view-->     <mx:DataGrid id="dgrid" dataProvider="{arrayForGrid}" editable="true" width="350" height="120"                  verticalCenter="0" horizontalCenter="0">         <mx:columns>             <mx:DataGridColumn headerText="姓名" datafield="name"/>             <mx:DataGridColumn headerText="年龄" datafield="age"/>             <mx:DataGridColumn headerText="邮箱地址" datafield="email" editable="false"/>             <mx:DataGridColumn headerText="身份" datafield="type" editordatafield="personType"                                itemEditor="TheEditableGridItemEditor"/>         </mx:columns>     </mx:DataGrid>      </s:Application>