设置高级数据网格单元格格式

Question

我有一个关于渲染高级数据网格单元的快速问题。

我需要根据条件以编程方式为数据网格的单元格着色。 比方说，股票报价。 如果与前一天相比有所增加，则我需要将单元格涂成绿色，而当减少时，我需要将单元格涂成红色。

现在，这里重要的部分是，我需要动态地执行这些操作，这意味着，当用户启用比较/条件时，单元格就会被着色。 当用户禁用比较时，它会再次恢复到默认行为。

我知道我必须使用渲染器。 但不确定如何将它用于细胞以及动态地使用它。 谁能解释一下如何去做吗？

谢谢

Answer 1

项目渲染器是用于定义组件的“项目”或子组件的外观的组件。 对于 ADG，“项目”是单个单元格。 您可以创建一个完全自定义的类来充当渲染器（假设它实现了某些必需的接口），或者在大多数情况下，您可以扩展现有组件。 由于 ADG 单元格的默认渲染器不支持背景颜色，因此您必须创建或扩展一个支持背景颜色的组件并将其用作渲染器。 这是这些教程（在以下问题中链接到）的基本前提：

在 Adob​​e Flex 中设置数据网格行的背景颜色

创建支持背景颜色的 itemRenderer 后，您有两个选项可以定义“条件”； 在 itemRenderer 内部或使用 ADG 的 styleFunction （另外要求您的 itemRenderer 定义“背景”样式）。

在您的情况下，您可以在发送到每个单元格的数据中包含今天和昨天的股票价格值，并比较两者以确定用于绘制背景的颜色。 同样，上面提供的教程链接中有更多相关内容。 在 itemRenderer 或 styleFunction 中，您可以比较 itemRenderer/styleFunction 的数据对象（对应于您正在查看的行）的属性，例如：

if(data.today > data.yesterday)
{
    // set color or return style
}
else ...

要“切换”自定义单元格颜色，请在自定义渲染器和默认渲染器之间切换（无色）渲染器。 换句话说，当您需要显示颜色时，将 itemRenderer 属性设置为自定义 itemRenderer 类；当您需要“默认行为”时，将其设置为“null”。