Flex DataGrid 选中行时选中单选按钮

最近用到一个DataGrid,在用户选中对应行时,显示相关的数据.为了提示用户选择行,在行中加了个单选按钮,进一步方便选择行时选中单选按钮,于是简单的实现了一下,具体代码如下, 希望用到的可以参考, 不明白的留言, 呵呵!

      欢迎加入flex群: 117376837(可获得源码)

      代码如下:

测试页面:

<?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">
<fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.events.ListEvent;
   [Bindable]
   public var arr:Array=[{b:"b",c:"c"},{a:"a",b:"b"},
    {a:"a",c:"c"},{b:"b",c:"c"},
    {a:"a",b:"b",c:"c"},{b:"b"}];
  
   protected function itemClick(event:ListEvent):void
   {
   
    var dgData:ArrayCollection=grid.dataProvider as ArrayCollection;
    for(var i:int=0;i<arr.length;i++)
    {
     dgData[i]["selectFlag"]=false;
    }
    dgData[event.rowIndex]["selectFlag"]=true;
   
    dgData.refresh();
   }
  
  ]]>
</fx:Script>
<mx:DataGrid id="grid" x="54" y="62" dataProvider="{arr}" itemClick="itemClick(event)">
  <mx:columns>
   <mx:DataGridColumn dataField="选择">
    <mx:itemRenderer>
     <fx:Component>
      <mx:HBox>
       <s:RadioButton selected="{data.selectFlag}"/>
       <s:Label text="{data.a}"/>
      </mx:HBox>
     </fx:Component>
    </mx:itemRenderer>
   </mx:DataGridColumn>
   <mx:DataGridColumn headerText="群号" dataField="b"/>
   <mx:DataGridColumn headerText="117376837" dataField="c"/>
  </mx:columns>
</mx:DataGrid>
</s:Application>

结果:选择某一行的同时选中该行的单选按钮

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值