DataGrid中嵌套Label、CheckBox、Button

最新推荐文章于 2018-03-05 17:01:39 发布

lucky_yangzhg

最新推荐文章于 2018-03-05 17:01:39 发布

阅读量186

点赞数

分类专栏： Flex

本文链接：https://blog.csdn.net/lucky_yangzhg/article/details/83760814

版权

Flex 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<mx:DataGrid id="dgList" resizableColumns="false" x="510" y="430" rowCount="6" dataProvider="{_fileList}" width="480" rowHeight="27">
 <mx:columns>
  <mx:DataGridColumn headerText="文件名称列表" dataField="docName"/>
  <mx:DataGridColumn textAlign="center" width="70" headerText="下载">
   <mx:itemRenderer>
    <fx:Component>
     <mx:Label text="Download" color="#5480F0" textDecoration="underline" useHandCursor="true" 
         buttonMode="true"  mouseChildren="false" click="outerDocument.downloadFile()"/>
    </fx:Component>
   </mx:itemRenderer>
  </mx:DataGridColumn>
  <mx:DataGridColumn textAlign="center" width="70" headerText="CheckBox" dataField="areaID" >
   <mx:itemRenderer>
    <fx:Component>
     <mx:CheckBox paddingLeft="30" selected="{data.selected}" click="outerDocument.cbClickHanlder(this);" enabled="{outerDocument._enabelFlg}"/>
    </fx:Component>
   </mx:itemRenderer>
  </mx:DataGridColumn>
  <mx:DataGridColumn textAlign="center" width="70" headerText="Button">
   <mx:itemRenderer>
    <fx:Component>
     <mx:Button label="Button" width="80%" buttonMode="true" cornerRadius="4" click="outerDocument.btnClickHanlder(this);"  enabled="{outerDocument._enabelFlg}"/>
    </fx:Component>
   </mx:itemRenderer>
  </mx:DataGridColumn>
 </mx:columns>
</mx:DataGrid>

[Bindable]
public var _enabelFlg:Boolean = true;
/**
 * CheckBox选择函数
 */
public function cbClickHanlder(obj:Object):void{
 if(obj.selected){
  _fileList.getItemAt(dgList.selectedIndex)["selected"] = true;
 }else{
  _fileList.getItemAt(dgList.selectedIndex)["selected"] = false;
 }
}