Flex 4 - 带单元格按钮的DataGrid

Question

如何在数据网格的单元格中添加按钮控件？我正在寻找一个按钮在数据网格中的每一列的每一行。 datagrid控件行不需要以任何方式选择。

Answer 1

这真的很简单。只要定义一个自定义项目渲染列

<mx:DataGrid width="100%" height="100%" dataProvider="{this.someData}"> 
     <mx:columns>     
      <mx:DataGridColumn headerText="Buttons" > 
       <mx:itemRenderer> 
        <fx:Component> 
         <s:ItemRenderer width="100%"> 
          <s:Button label="{data.buttonName}" click="{outerDocument.someFunction()}" /> 
         </s:ItemRenderer> 
        </fx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
     </mx:columns> 
</mx:DataGrid> 

使用data指该行的dataProvider对象和outerDocument访问项目渲染以外的方法。

希望这会有所帮助！

Answer 2

使用Flex 4控件来做到这一点 - 即。 Spark使用GridItemRenderer。

有很好的例子在这里： http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/gridClasses/GridItemRenderer.html#includeExamplesSummary