当单元格的值大于 6 时，将数据网格单元格的背景颜色设置为黄色

Question

我正在使用 flex 3.5 。当数据网格中的数据超过 6 时，我想将数据网格中单元格的背景颜色设置为黄色。

Answer 1

创建自定义渲染器并在设置数据属性时测试值：

override public function set data(value:Object):void
{
  super.data = value; 

  if(data > 6)
    setStyle("backgroundColor", 0xFFFF00);
  else
    setStyle("backgroundColor", 0xFFFFFF);
}

请记住，如果测试失败，您需要恢复颜色，因为列表重用渲染（如果不这样做，您将获得随机的黄色背景）。

Answer 2

我过去使用 AdvancedDataGrid 和 AdvancedDataGridRendererProvider 做过类​​似的事情。我使用的是 Flex 4.0 SDK，但由于 AdvancedDataGrid 组件在 3.5 和 4.0 之间没有更改，因此代码应该类似。

渲染器“MyRenderer.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" 
             backgroundColor="{SetBackgroundColor(data)}">
    <fx:Script>
        <![CDATA[
            [Bindable] private var bgColor:uint = 0xFFFFFF;

            private function SetBackgroundColor(obj:Object):uint
            {
                var returnColor:uint = 0xFFFFFF;

                if (obj["Quantity"] != null)
                {
                    if (int(obj["Quantity"]) > 6)
                    {
                        returnColor = 0xFFF8DD;
                    }
                    else
                    {
                        returnColor = 0xFFFFFF;
                    }

                return returnColor;
            }

            override public function set data(value:Object):void
            {
                super.data = value;
                if (value["Quantity"] != null)
                {
                    theLabel.text = value["Quantity"].toString();
                }
                else
                {
                    theLabel.text = "";
                }
            }
        ]]>
    </fx:Script>
    <mx:Label id="theLabel" />
</mx:HBox>

使用渲染器：

<mx:AdvancedDataGrid dataProvider="{YourArrayCollection}">
    <mx:columns>
        <mx:AdvancedDataGridColumn id="colQuantity" headerText="Qty" dataField="Quantity"/>
    </mx:columns>
    <mx:rendererProviders>
        <mx:AdvancedDataGridRendererProvider column="{colQuantity}" depth="1" dataField="Quantity" renderer="MyRenderer" />
    </mx:rendererProviders>
</mx:AdvancedDataGrid>

编辑： 我在函数中设置了backgroundColor，以便当itemRenderers被回收时函数将被调用并将背景颜色设置为正确的值。