Flex DataGrid组件点选多行及获取数据实例
?
<?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/halo"
????? minWidth="1024" minHeight="768"
????? creationComplete="init();">
<fx:Script>
?? <![CDATA[
??? private var xiangshengXMLList:XMLList = new XMLList();
???
??? public function init():void{
???? for(var i:int = 0; i < 5; i++){
????? xiangshengXMLList += <>
??????????? <myMusicXMLList>
???????????? <wode>
????????????? <musicNameColumn>{i + "仙剑奇侠传"}</musicNameColumn>
????????????? <musicSangColumn>{i}</musicSangColumn>
???????????? </wode>
??????????? </myMusicXMLList>
????????? ??? </>;
???? }
???? dataGridID.dataProvider = xiangshengXMLList.child("wode");
??? }
???
??? private function showSeleted():void{
?????? if(dataGridID.selectedItem != null){
??????? for(var i:int = 0; i < dataGridID.selectedItems.length; i++){
?????? trace(dataGridID.selectedItems[i].musicNameColumn);
????? }
???? }
??? }
???
?? ]]>
</fx:Script>
<!--先设置这两个属性allowDragSelection="true" allowMultipleSelection="true"；按住Ctrl键再点选要选的行-->
<mx:DataGrid id="dataGridID" x="300" y="50" width="500" height="300" rollOverColor="red"
???? allowDragSelection="true" allowMultipleSelection="true">
?? <mx:columns>
??? <mx:DataGridColumn dataField="musicNameColumn" headerText="歌曲名"/>
??? <mx:DataGridColumn dataField="musicSangColumn" headerText="歌手"/>
?? </mx:columns>
</mx:DataGrid>
<mx:Button x="400" y="400" label="查看选中的行数据" click="showSeleted();"/>
</s:Application>
