Flex DataGrid组件点选多行及获取数据实例

Flex音乐列表应用

最新推荐文章于 2016-10-28 11:05:55 发布

原创最新推荐文章于 2016-10-28 11:05:55 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Adobe #XML

Flex 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了一个使用Adobe Flex创建的音乐列表应用程序。该程序通过MXML代码实现了一个包含歌曲名称和歌手名称的数据网格，并允许用户进行多选及查看所选行的数据。

<?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>


<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>