DataGrid的itemreader中使用outerDocument

原创于 2011-07-23 15:32:28 发布 · 511 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #button #flex #function #object

Flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在FLEX中使用DataGrid组件通过itemRenderer实现自定义操作按钮，并调用父页面的方法进行交互。具体展示了如何创建一个编辑按钮并绑定点击事件，通过outerDocument对象实现与父级页面的通信。

场景：

需要实现个性话的列

实例代码：

//必须为public
public function editHanlder(obj:Object):void{
//obj为按钮对应的该行记录
}
 
<mx:DataGrid id="userDg" dataProvider="{...}">   
<mx:columns>
   <mx:DataGridColumn headerText="名称" dataField="name"/>
   <mx:DataGridColumn headerText="操作">   
    <mx:itemRenderer>   
     <mx:Component>   
      <mx:HBox>   
      <mx:Button label="编辑" click="outerDocument.editHanlder(data)"/>   
      </mx:HBox>   
     </mx:Component>   
    </mx:itemRenderer>   
   </mx:DataGridColumn>
</mx:columns>   
</mx:DataGrid>

说明：FLEX中使用itemRenderer或itemEditor调用父页面的方法或属性时使用outerDocument对象来实现。