在dataGrid中使用checkBox和ComboBox的用法示例

本文转载自： http://www.iteye.com/topic/374149

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application initialize="init()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontFamily="宋体" fontSize="12" width="536" height="396">     
    <mx:Script>     
        <![CDATA[     
            import mx.controls.*;     
            import mx.core.Application;  
            import mx.controls.dataGridClasses.*;     
            private var DataGrid1:DataGrid    
            public var languageFlag:String = "cn";  
            [Bindable]  
            public var dataArr2:Array = [{id:1,name:"苹果",price:100,count:"不合格",selected:false},     
                                        {id:2,name:"西瓜",price:50,count:"不合格",selected:true},     
                                        {id:3,name:"水蜜桃",price:333,count:"错别字",selected:false}]   
            private var aaa:Object    
            [Bindable]  
            public var dataArr:Array = new Array({label:"不合格", data:"2"},{label:"不合格", data:"3"},  
                            {label:"进口", data:"4"}, {label:"一般", data:"5"});  
            [Bindable]   
            public var s:int = 2;  
            private function init():void{    
                  
            }  
              
            public function saved():void{  
//              Alert.show("dfdfd");  
                var arr:Array = Application.application.dataArr2;  
                for each(var a:Object in arr){  
                    Alert.show("当前数据为: \n" + "序号: " + a.id + ", 名称: " + a.name + ", 数量: " + a.count + ", selected: " + a.selected);  
                }  
            }  
        ]]>     
    </mx:Script>     
   <mx:Component id="myComponent">              
            <mx:ComboBox x="179" y="1" width="67" dataProvider="{Application.application.dataArr}" selectedIndex="{Application.application.s}">  
                <mx:Script>  
                    <![CDATA[  
                        import mx.core.Application;  
                    ]]>  
                </mx:Script>  
            </mx:ComboBox>  
    </mx:Component>     
    <mx:Button click="saved()" x="441" y="46" label="保存"/>  
    <mx:DataGrid id="DataGrid2" editable="true" dataProvider="{Application.application.dataArr2}" y="76" x="10" height="266" width="516">     
        <mx:columns>     
            <mx:DataGridColumn headerText="序号" id="dg1" dataField="id" editable="false"/>     
            <mx:DataGridColumn headerText="名称" id="dg2" dataField="name"/>    
            <mx:DataGridColumn headerText="价格" id="dg3" dataField="price" editorDataField="value" editable="false">     
                <mx:itemRenderer>     
                    <mx:Component>     
                        <mx:NumericStepper maximum="1000" minimum="10">     
                        </mx:NumericStepper>     
                    </mx:Component>     
                </mx:itemRenderer>     
            </mx:DataGridColumn>     
            <mx:DataGridColumn headerText="描述" id="dg4" dataField="count" editable="true" editorDataField="text" itemEditor="{myComponent}"/>   
            <mx:DataGridColumn headerText="select" dataField="selected" editable="false">  
               <mx:itemRenderer>  
                  <mx:Component>  
                     <mx:CheckBox click="data.selected=!data.selected"  selected="{data.selected}"/>  
                  </mx:Component>                       
               </mx:itemRenderer>  
            </mx:DataGridColumn>    
        </mx:columns>     
    </mx:DataGrid>     
</mx:Application>