1

カスタム アイテム レンダラーを Flex AdvancedDataGrid に適用しようとしています。親ノード @ depth="1" に黒い正方形を適用して、現在テストしています。黒い四角は最終的なアイテム レンダラーではありません。カスタム アイテム レンダラーを親ノードに適用できることを確認したいだけです。最終製品には、いくつかの get スタイルと、描画 API を使用して描画された背景スキンが含まれます。

参照...これを参照してください!

「AdvancedDataGrid コントロールでアイテム レンダラーを使用する」を参照してください。

Adobe 言語 Refを参照してください。

例 #1 - これにより、_groupItemRendereFactory が列に適用され、GroupTitleRenderer がdepht="1"の任意の列に適用されます。

        <mx:dataProvider>
            <mx:HierarchicalCollectionView id="foldersView">
                <mx:source>
                    <mx:HierarchicalData id="foldersData" source="{ model.folders }" childrenField="profiles" />
                </mx:source>
            </mx:HierarchicalCollectionView>
        </mx:dataProvider>
        <mx:columns>
            <mx:AdvancedDataGridColumn id="column" dataField="name" headerText="Name" itemRenderer="{ _groupItemRendererFactory }" />
        </mx:columns>
        <mx:rendererProviders>
            <mx:AdvancedDataGridRendererProvider columnIndex="1" columnSpan="1" depth="1" renderer="com.theme.skins.GroupTitleItemRenderer"/>
        </mx:rendererProviders>
    </mx:AdvancedDataGrid></code>

Example #2 - Here I'm trying to specify which item renderer to use at which depth.

        <mx:dataProvider>
            <mx:HierarchicalCollectionView id="foldersView">
                <mx:source>
                    <mx:HierarchicalData id="foldersData" source="{ model.folders }" childrenField="profiles" />
                </mx:source>
            </mx:HierarchicalCollectionView>
        </mx:dataProvider>
        <mx:columns>
            <mx:AdvancedDataGridColumn id="column" dataField="name" headerText="Name"/>
        </mx:columns>
        <mx:rendererProviders>
            <mx:AdvancedDataGridRendererProvider columnIndex="1" columnSpan="1" depth="1" renderer="com.themes.skins.GroupTitleItemRenderer"/>
            <mx:AdvancedDataGridRendererProvider columnIndex="1" columnSpan="1" depth="2" renderer="{ _groupItemRendererFactory }"/>
        </mx:rendererProviders>
    </mx:AdvancedDataGrid></code>
4

0 に答える 0