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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值