DataGrid 加checkbox

来源：互联网发布：suse linux 开放端口编辑：程序博客网时间：2024/06/07 23:03
<?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>
运行效果：
0 0