AdvancedDataGrid每列添加复选框和图标以及全选功能

最新推荐文章于 2021-02-23 16:40:47 发布

renxqqq

最新推荐文章于 2021-02-23 16:40:47 发布

阅读量523

点赞数 1

分类专栏： Flex

本文链接：https://blog.csdn.net/renxqqq/article/details/9617157

版权

这篇博客介绍了如何在Flex的AdvancedDataGrid中为每列添加复选框和图标，并实现全选功能。通过自定义事件DataGridImageClickEvent，实现了点击图标触发事件。博客内容包括具体的MXML代码示例，展示了AdvancedDataGrid的列头复选框点击事件处理，以及数据行中编辑单元格的自定义渲染器和事件派发。

摘要由CSDN通过智能技术生成

<fx:Script>
<![CDATA[

//实现全选功能

           public function checkbox1_clickHandler(event:MouseEvent):void
           {
                 // TODO Auto-generated method stub
                   bool = (event.currentTarget as CheckBox).selected;
                var newAC:ArrayCollection = dgDedicated.dataProvider as ArrayCollection;

                  for(var i:int=0; i<newAC.length; i++){
                            newAC.getItemAt(i).selected = bool;
                  }

                  newAC.refresh();

            }
  ]]>
</fx:Script>

<mx:AdvancedDataGrid width="100%" height="65%" id="dgDedicated" dataProvider="{ac}"
        draggableColumns="false" sortExpertMode="true" rowHeight="25" headerHeight="25"
        sortableColumns="false" lockedColumnCount="1"
        horizontalScrollPolicy="auto" verticalScrollPolicy="auto"
        >
   <mx:columns>
    <mx:AdvancedDataGridColumn dataField="num">

     <mx:headerRenderer>
      <fx:Component>
       <mx:HBox height="25" pa