actionscript-3 - Flex 3 で datagrid の column タグ内にボタンを配置したい

Question

datagrid タグの列の 1 つにボタンを配置する必要があり、列の値がボタンのラベルに表示されるはずです。どんな助けでも大歓迎です

Answer 1

Flex 3 では、次のタグを使用しますmx:itemRenderer。

<mx:DataGrid id="myDataGrid" dataProvider="{myDP}">
        <mx:columns>
            <mx:DataGridColumn dataField="field">
                <mx:itemRenderer>
                    <mx:Component>
                        <mx:Button label="{data.field}"/>
                    </mx:Component>
                </mx:itemRenderer>
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>

Flex 4 では、spark dataGrid とs:itemRendererタグを使用します。

<s:DataGrid dataProvider="{myDP}">
    <s:columns>
        <s:ArrayList>
            <s:GridColumn dataField="Price">
                <s:itemRenderer>
                    <fx:Component>
                        <s:GridItemRenderer>
                            <s:Button label="{data.Price}"/>
                        </s:GridItemRenderer>
                    </fx:Component>
                </s:itemRenderer>    
            </s:GridColumn>
        </s:ArrayList>
    </s:columns>
</s:DataGrid>