如何在 FLEX 中设置具有多种颜色的 AdvancedDatagrid 列的标题文本？答案

【问题标题】：How to set Header Text of AdvancedDatagrid Column with Multiple Color in FLEX?如何在 FLEX 中设置具有多种颜色的 AdvancedDatagrid 列的标题文本？
【发布时间】：2014-05-27 11:33:09
【问题描述】：

我想在我的高级数据网格中为一列的标题文本设置多种颜色。例如：假设标题文本为：Price File Id *

其中 * 表示强制。现在我想要黑色的“价格文件 ID”和红色的“*”。以下代码将完整的标题文本显示为红色。

column.headerText = "Price File Id *"
column.setStyle("headerStyleName","MyMandatoryDataGridStyleHeader");

请帮忙。我在任何地方都没有得到解决方案。也无法以不同的方式应用 css。

【问题讨论】：

标签： apache-flex advanceddatagrid

【解决方案1】：

您可以为此列使用 HeaderRenderer。在您的高级数据网格列代码中添加以下属性

<mx:AdvancedDataGridColumn headerRenderer="{new ClassFactory(SampleHeaderRenderer)}"/>

并使用以下代码创建 SampleHeaderRenderer.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009" 
                              xmlns:s="library://ns.adobe.com/flex/spark" 
                              xmlns:mx="library://ns.adobe.com/flex/mx" 
                              focusEnabled="true">
<s:Label text="Price File Id"/>
<s:Label text="*" styleName="MyMandatoryDataGridStyleHeader" />
</mx:HBox>

【讨论】：