flex中使dataGrid每行都有button

<mx:DataGrid id="dg" editable="true" color="0x323232" width="100%" height="450" rowCount="32" rowHeight="40" dataProvider="{dataIndicator}">
            <mx:columns>
                <mx:DataGridColumn dataField="indexIndicator" width="50" headerText="序号" textAlign="center" editable="false"/> 
                <mx:DataGridColumn dataField="INDICATOR_VALUE" headerText="指标值" editable="true"/>  
                <mx:DataGridColumn editable="false" width="120" itemRenderer="">
                    <mx:itemRenderer>
                        <fx:Component>
                            <mx:HBox width="100" horizontalAlign="center" verticalAlign="top">                                
                                <mx:Button label="保    存" width="80" click="outerDocument.button1_clickHandler(event)">
                                    
                                    <fx:Script>
                                        <![CDATA[
                                            protected function button1_clickHandler(event:MouseEvent):void
                                            {
                                                // TODO Auto-generated method stub
                                                
                                                
                                            }
                                        ]]>
                                    </fx:Script>
                                    
                                </mx:Button>                                
                            </mx:HBox>
                        </fx:Component>
                    </mx:itemRenderer>
                </mx:DataGridColumn>
            </mx:columns>
        </mx:DataGrid>