在dataGrid中使用checkBox和ComboBox的用法示例-优快云博客

本文展示了一个使用Adobe Flex框架创建的数据网格编辑示例。该示例包括一个可编辑的数据网格组件，允许用户修改诸如水果名称、价格等字段，并通过下拉框选择描述。此外，还提供了一个保存按钮用于保存所做的更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=red][size=medium]生成的swf文件在附件里面[/size][/color]

<?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>