DataGrid学习1

任务1：程序实现对dataGrid的某列进行排序操作。

让DataGrid发送一个HeaderRelease事件，就可以实现

// 用于点击按钮实现对datagrid的重新排序protected function btnSort_clickHandler(event:MouseEvent):void{var dge:DataGridEvent = new DataGridEvent(DataGridEvent.HEADER_RELEASE,false, true, 0, null, 0, null, null, 0);dgTest1.dispatchEvent(dge);}。。。<s:Button x="490" y="19" label="排序" id="btnSort" click="btnSort_clickHandler(event)"/>

任务2：DataGrid中加入CheckBox，某列为DropDownList，并且在点击时才显示ddl。

其中一个问题是，需要点击时，直接下拉DropDownList，搞了好几天，最后找到方法为openDropDown。

<?xml version="1.0" encoding="utf-8"?><s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" focusEnabled="true" creationComplete="mxdatagriditemrenderer1_creationCompleteHandler(event)"><fx:Script><!--[CDATA[import mx.events.FlexEvent;import spark.events.DropDownEvent;import spark.events.IndexChangeEvent;public var newVal:String="";override public function set data(value:Object):void{super.data = value;newVal = value.State;}protected function ddl_changeHandler(event:IndexChangeEvent):void{if(event.newIndex == 0){newVal = "Delete";}else{newVal = "OK";}}protected function mxdatagriditemrenderer1_creationCompleteHandler(event:FlexEvent):void{showDropList();}public function showDropList():void{ddl.openDropDown();}]]></fx:Script><s:DropDownList id="ddl" width="100%" selectedIndex="{data.State=='Delete'? 0 : 1}" change="ddl_changeHandler(event)"><s:dataProvider><s:ArrayList source="['Delete','OK']"/></s:dataProvider></s:DropDownList></s:MXDataGridItemRenderer>---------------------------------------<?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" creationComplete="application1_creationCompleteHandler(event)"><s:layout><s:BasicLayout/></s:layout><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --><s:ArrayCollection id="aclistorg"><fx:Object delState="true" name="Kevin1" State="Delete"/><fx:Object delState="false" name="Kevin2" State="OK"/><fx:Object delState="false" name="Kevin3" State="OK"/><fx:Object delState="true" name="Kevin4" State="Delete"/><fx:Object delState="false" name="Kevin5" State="OK"/><fx:Object delState="false" name="Kevin6" State="OK"/><fx:Object delState="true" name="Kevin7" State="Delete"/></s:ArrayCollection></fx:Declarations><fx:Script><![CDATA[import mx.controls.Alert;import mx.events.DataGridEvent;import mx.events.FlexEvent;import spark.events.DropDownEvent;[Bindable]public var myStateList:ArrayCollection = new ArrayCollection([{state1:"Delete"},{state1:"OK"}]);[Bindable]public var aclist:ArrayCollection = new ArrayCollection();protected function application1_creationCompleteHandler(event:FlexEvent):void{for(var i:int=0; i < aclistorg.length; ++ i){aclist.addItem(aclistorg[i]);}tiName.setFocus();}protected function bChg_clickHandler(event:MouseEvent):void{if(aclist[0].delState=="false"){aclist[0].State = "Delete";aclist[0].delState = "true";}else{aclist[0].State = "OKkk";aclist[0].delState = "false";}dgTest1.dataProvider = aclist;dgTest1.invalidateList();aclist.refresh();}protected function showinfo():void{var str:String = "";var idx:int = dgTest1.selectedIndex;str += idx.toString() + ": ";for(var i:int=0; i < aclist.length; ++ i){str += aclist[i].delState.toString() + ",";str += aclist[i].name.toString() + ",";str += aclist[i].State.toString() + "/r/n";}taInfo.text = str;}protected function button1_clickHandler(event:MouseEvent):void{showinfo();}public function checkbox1_clickHandler(event:MouseEvent):void{var r:int = dgTest1.selectedIndex;if(event.currentTarget.selected) {aclist[r].State = "Delete";}else {aclist[r].State = "OK";}}public function showDropList():void{var eo:DropDownEvent = new DropDownEvent(DropDownEvent.OPEN);ddlTest.dispatchEvent(eo);}protected function taInfo_clickHandler(event:MouseEvent):void{// TODO Auto-generated method stub}// 用于点击按钮实现对datagrid的重新排序protected function btnSort_clickHandler(event:MouseEvent):void{var dge:DataGridEvent = new DataGridEvent(DataGridEvent.HEADER_RELEASE,false, true, 0, null, 0, null, null, 0);dgTest1.dispatchEvent(dge);}]]--></fx:Script><!--增加编辑功能，第一列不能编辑--><mx:DataGrid id="dgTest1" dataProvider="{aclist}" x="30" y="20" height="211" focusColor="#A2EE70" selectionColor="#133CEB" editable="true"><mx:columns><mx:DataGridColumn headerText="删除" editable="false" dataField="delState" editorDataField="selected"><mx:itemRenderer><fx:Component><mx:CheckBox click="outerDocument.checkbox1_clickHandler(event)"></mx:CheckBox></fx:Component></mx:itemRenderer></mx:DataGridColumn><mx:DataGridColumn headerText="姓名" dataField="name"/><mx:DataGridColumn headerText="状态" dataField="State" itemEditor="skins.ddlRenderer" editorDataField="newVal"></mx:DataGridColumn></mx:columns></mx:DataGrid><s:Button id="bChg" x="340" y="19" click="bChg_clickHandler(event)" label="改变"/><s:TextArea id="taInfo" x="340" y="48" width="236" height="198" click="taInfo_clickHandler(event)"/><s:Button x="412" y="19" label="按钮" click="button1_clickHandler(event)"/><s:ComboBox x="30" y="270"/><s:DropDownList id = "ddlTest" x="193" y="272" creationComplete="showDropList()"><s:dataProvider><s:ArrayList source="['Delete','OK']"/></s:dataProvider></s:DropDownList><mx:Form x="30" y="301" id="fLogin"><mx:FormHeading label="登陆"/><mx:FormItem label="name"><s:TextInput id="tiName"/></mx:FormItem><mx:FormItem label="age"><s:TextInput id="tiAge"/></mx:FormItem></mx:Form><s:Button x="490" y="19" label="排序" id="btnSort" click="btnSort_clickHandler(event)"/></s:Application>