flex AdvancedDataGrid使用(树结构)1

由于在项目中使用了AdvancedDataGrid，特此做个杂记
主要代码如下：                
    <mx:AdvancedDataGrid id="dgIpPortRequest"
                                         width="100%"
                                         height="100%"
                                         textAlign="center"
                                         folderClosedIcon="{null}"
                                         folderOpenIcon="{null}"
                                         defaultLeafIcon="{null}"
                                         sortExpertMode="true"    
                                         fontWeight="bold"
                                         styleFunction="columnStyle"
                                         >
                        <mx:dataProvider>
                            <mx:HierarchicalData source="{dpIpPortOrder}" childrenField="ipPortOpenList"/>
                        </mx:dataProvider>
                        <mx:columns>
                            <mx:AdvancedDataGridColumn headerText=""
                                                       width="10"
                                                       sortable="false"
                                                       draggable="false"
                                                       resizable="false"
                                                       />
                            <!--resizable="false"-->
                                <mx:AdvancedDataGridColumn width="10"
                                                   sortable="false"
                                                   draggable="false"
                                                   resizable="false"
                                                   >
                                    <mx:headerRenderer>
                                        <fx:Component>
                                            <mx:VBox horizontalAlign="center">
                                                <mx:CheckBox id="chkAll"  change="outerDocument.chkAll_changeHandler(event)"/>
                                            </mx:VBox>
                                        </fx:Component>
                                    </mx:headerRenderer>

                                    <mx:itemRenderer>
                                        <fx:Component>
                                            <mx:VBox horizontalAlign="center">
                                                <mx:CheckBox selected="@{data.selected}" visible="{data.visible}"/>
                                            </mx:VBox>
                                        </fx:Component>
                                    </mx:itemRenderer>
                                </mx:AdvancedDataGridColumn>