カスタム アイテム レンダラーを 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>