Flex4 自定义Datagrid的itemRenderer和headerRenderer

先看图片：

 因为项目中需要用到datagrid，而且需要在其中嵌入dropdownlist，包括header和item。

一开始嵌入的是Combobox，但是发现用Combobox的话，稍微动一个datagrid，如改变大小等，Combobox里的数据立刻不见了，所以使用dropdownlist控件，反正是Flex4.1。

 废话完毕，上代码：

for datagrid：

<mx:DataGrid id="dgList" width="100%"  height="100%" dataTipFunction="buildToolTip"
                         variableRowHeight="true" sortableColumns="false" visible="false">
                <mx:columns>    
                    <mx:DataGridColumn headerText="chkSave" visible="false">
                        <mx:itemRenderer>                            
                            <fx:Component>
                                <mx:CheckBox selected="{data.chkSave}"/>        
                            </fx:Component>
                        </mx:itemRenderer>
                    </mx:DataGridColumn>
                    <mx:DataGridColumn headerText="chkDel" visible="false">
                        <mx:itemRenderer>
                            <fx:Component>
                                <mx:CheckBox selected="{data.chkDel}" />        
                            </fx:Component>
                        </mx:itemRenderer>
                    </mx:DataGridColumn>
                    <mx:DataGridColumn dataField="Xbrl" headerText="XBRL" itemRenderer="cons.com.epro.child.myCombox" />                    
                    <mx:DataGridColumn headerText="Column1" dataField="Column1" width="200" showDataTips="true"/>            
                    <mx:DataGridColumn headerText="NOTE" dataField="NOTE" width="50" />
                    
                    <mx:DataGridColumn headerText="Column2" dataField="Column2" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader" />
                    <mx:DataGridColumn headerText="Column3" dataField="Column3" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader" />
                    <mx:DataGridColumn headerText="Column4" dataField="Column4" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/>
                    <mx:DataGridColumn headerText="Column5" dataField="Column5" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/>
                    <mx:DataGridColumn headerText="Column6" dataField="Column6" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/>
                    <mx:DataGridColumn headerText="Column7" dataField="Column7" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/>
                    <mx:DataGridColumn headerText="Column8" dataField="Column8" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/> 
                    <mx:DataGridColumn headerText="Column9" dataField="Column9" width="90" wordWrap="true"  headerRenderer="cons.com.epro.child.myComboxHeader"/>
                    
                </mx:columns>
            </mx:DataGrid>