flex模擬鼠標點擊列表，彈出相關信息

 

模擬鼠標點擊某一個列表，彈出相關信息。測試：點擊next按鈕，就會選中下一行數據，並彈出下一行數據對應的人名。

<?xml version="1.0"?> <!-- DataGrid control example. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ import mx.events.ListEvent; import mx.controls.Alert; import mx.events.ItemClickEvent; private var i:Number =0; private function nextEvent(event:Event):void{ var listEvent:ListEvent = new ListEvent(ListEvent.CHANGE); dg.selectedIndex =i; // flex列表，模擬鼠標點擊，這是關鍵 dg.dispatchEvent(new ListEvent(ItemClickEvent.ITEM_CLICK)); i++; if(i==dg.dataProvider.length){ i=0; } } private function hehe(event:ListEvent):void{ Alert.show(dg.selectedItem.name) } ]]--> </mx:Script> <mx:XMLList id="employees"> <employee> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>[e-mail]</email> <active>true</active> </employee> <employee> <name>Joanne Wall</name> <phone>555-219-2012</phone> <email>[e-mail]</email> <active>true</active> </employee> <employee> <name>Maurice Smith</name> <phone>555-219-2012</phone> <email>[e-mail]</email> <active>false</active> </employee> <employee> <name>Mary Jones</name> <phone>555-219-2000</phone> <email>[e-mail]</email> <active>true</active> </employee> </mx:XMLList> <mx:Panel title="DataGrid Control Example" height="100%" width="100%" paddingTop="10" paddingLeft="10" paddingRight="10"> <mx:Label width="100%" color="blue" text="請選中DataGrid的某一行."/> <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}" itemClick="hehe(event)"> <mx:columns> <mx:DataGridColumn dataField="name" headerText="Name"/> <mx:DataGridColumn dataField="phone" headerText="Phone"/> <mx:DataGridColumn dataField="email" headerText="Email"/> </mx:columns> </mx:DataGrid> <mx:Form width="100%" height="100%"> <mx:FormItem label="Name"> <mx:Label text="{dg.selectedItem.name}"/> </mx:FormItem> <mx:FormItem label="Email"> <mx:Label text="{dg.selectedItem.email}"/> </mx:FormItem> <mx:FormItem label="Phone"> <mx:Label text="{dg.selectedItem.phone}"/> </mx:FormItem> </mx:Form> </mx:Panel> <mx:Button label="next" click="nextEvent(event)"/> </mx:Application>