DataGrid 加checkbox

最新推荐文章于 2019-09-27 14:13:26 发布

xiyushiyi

最新推荐文章于 2019-09-27 14:13:26 发布

阅读量718

点赞数

分类专栏： Flex 文章标签： flex

本文链接：https://blog.csdn.net/xiyushiyi/article/details/38517365

版权

Flex 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<ns:MDIWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
		  xmlns:s="library://ns.adobe.com/flex/spark" 
		  xmlns:mx="library://ns.adobe.com/flex/mx"  width="100%" height="100%"  
		  xmlns:ns="http://code.google.com/p/flexlib/" x="0" y="0" 
		  creationComplete="mdiwindow1_creationCompleteHandler(event)" >
	<fx:Script>
		<![CDATA[
			import com.fms.xx.calculate.dbManager.event.DbManagerEvent;
			
			import mx.collections.ArrayCollection;
			import mx.controls.dataGridClasses.DataGridColumn;
			import mx.events.FlexEvent;
			
			import valueObjects.ColumnInfo;
			[Bindable]
			public var colums:ArrayCollection = new ArrayCollection();
			
			public var selected:Boolean = false;
			
			protected function commit_tableInfo_id_clickHandler(event:MouseEvent):void
			{
				this.dispatchEvent(new DbManagerEvent(DbManagerEvent.COMMINT_TABLEINFO));
			}
			
			protected function mdiwindow1_creationCompleteHandler(event:FlexEvent):void
			{
				for each(var col:Object in colums){
					var dgc:DataGridColumn = new DataGridColumn();
					dgc.headerText = col.columnName;
					dgc.dataField = ""+col.columnName+"";
					dgc.width = 70;
					dg_id.columns = dg_id.columns.concat(dgc);
				}
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<!--<mx:VBox verticalScrollPolicy="off" maxWidth="900" height="100%">-->
		<mx:DataGrid id="dg_id" maxWidth="{commit_columInfo_id.width}" width="{commit_columInfo_id.width}"
					 height="100%" editable="true" dataProvider="{colums}" 
					 horizontalScrollPolicy="auto" verticalScrollPolicy="auto" 
					 textAlign="center" >
			<mx:columns>
				<mx:DataGridColumn width="50" editable="false">  
					<mx:itemRenderer >  
						<fx:Component>  
							<mx:VBox horizontalAlign="center">
							<mx:CheckBox selected="{data.selected}" change="checkbox1_changeHandler(event)">  
								<fx:Script>  
									<![CDATA[  
									protected function checkbox1_changeHandler(event:Event):void  
									{
										//将复选框的状态保存在obj中,防止出现复选框错乱的情况   
										this.outerDocument.colums.getItemAt(this.outerDocument.colums.
											getItemIndex(this.outerDocument.dg_id.selectedItem)).selected=event.target.selected;
									}  
									
									]]>  
								</fx:Script>  
							</mx:CheckBox>  
							</mx:VBox>
						</fx:Component>  
					</mx:itemRenderer>  
				</mx:DataGridColumn> 
				
			</mx:columns>
		</mx:DataGrid>	
		<s:Button id="commit_columInfo_id" width="100%" height="5%" label="保存修改" />	
	<!--</mx:VBox>-->
</ns:MDIWindow>

运行效果：