Flex 3 发现之旅:AdvancedDataGrid的使用(第四部分)

<mx:AdvancedDataGrid>
    <mx:columns>
        <mx:AdvancedDataGridColumn dataField="Region"/>
        <mx:AdvancedDataGridColumn dataField="Territory_Rep"
            headerText="Territory Rep"/>
        <mx:AdvancedDataGridColumn dataField="Actual"/>
        <mx:AdvancedDataGridColumn id="estCol" dataField="Estimate"/>
    </mx:columns>
 
    <mx:rendererProviders>
        <mx:AdvancedDataGridRendererProvider 
            column="{estCol}"
            columnSpan="1" 
            renderer="myComponents.EstimateRenderer"/>
    </mx:rendererProviders>
</mx:AdvancedDataGrid>

depth属性使得您可以将渲染器与AdvancedDataGrid控件的导航树层次结构中的特定层次关联，导航树的最顶级depth为1。下面示例将渲染器与导航树第三层关联：

<mx:rendererProviders>
        <mx:AdvancedDataGridRendererProvider 
            columnIndex="3" depth="3" columnSpan="1" renderer="myComponents.EstimateRenderer"/> </mx:rendererProviders>
 
在前面的示例中，AdvancedDataGrid控件将一直使用缺省的列渲染器直到您将导航树展开到第三层，这时候它才使用EstimateRenderer组件。您可以使用depth属性为同一列指定不同的渲染器，在depth属性指定树的每个层次使用的渲染器。
一个渲染器可以跨越多个列。在下面的示例中，您创建了一个横跨两列的渲染器：
<mx:AdvancedDataGrid>
    <mx:columns>
        <mx:AdvancedDataGridColumn dataField="Region"/>
        <mx:AdvancedDataGridColumn dataField="Territory_Rep"
            headerText="Territory Rep"/>
        <mx:AdvancedDataGridColumn id="actCol" dataField="Actual"/>
        <mx:AdvancedDataGridColumn dataField="Estimate"/>
    </mx:columns>

    <mx:rendererProviders>
        <mx:AdvancedDataGridRendererProvider 
            column="{actCol}"
            depth="3" 
            columnSpan="2" 
            renderer="myComponents.SummaryRenderer"/>
    </mx:rendererProviders>
</mx:AdvancedDataGrid>