检查 Spark DataGrid 单元格以编程方式内容？

Question

我是第一次使用 Spark DataGrid，发现它通常非常有用。既然我已经绘制了网格的内容，我想对它做一些事情，但我对如何继续有点困惑。

我想创建一个函数来运行 DataGrid 中特定列的每个单元格，根据预定义值数组检查每个值；如果找到匹配项，则应通过更改颜色来突出显示该单元格为冲突单元格。

我知道您可以通过使用 getItemRendererAt() 函数并传递列和行索引来访问特定单元格的项目渲染器。但我不知道如何循环遍历每列中的值。

我很可能会做错事，在这种情况下，请随意将我推向正确的道路。同样，如果有可能做我想做的事情，我很想听听如何做。

谢谢！

Answer 1

实际上，您应该创建自己的 并将其用作 dataGrid 的 itemRenderer。

这样，您将能够根据 的 data 属性更改单元格的颜色。

以下是如何执行此操作的示例：

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx = "http://ns.adobe.com/mxml/2009" 
   xmlns:s = "library://ns.adobe.com/flex/spark" 
   xmlns:mx = "library://ns.adobe.com/flex/mx" >

    <fx:Script>
        <![CDATA[
        private function isValid(value:uint):Boolean
        {
            //whatever;
            return true;
        }

        ]]>
    </fx:Script>

    <s:BorderContainer width="100%" height="100%">
        <s:borderStroke>
            <s:SolidColorStroke color="{isValid(data)?#00FF00:#FF0000}" />
        </s:borderStroke>
        <s:UITextField label="{data}" />
    </s:BorderContainer>

</s:GridItemRenderer>

Answer 2

使用上面的示例，还覆盖“设置数据”以在每次更改数据时更改颜色，而不仅仅是在网格创建上

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx = "http://ns.adobe.com/mxml/2009" 
                xmlns:s = "library://ns.adobe.com/flex/spark" 
                xmlns:mx = "library://ns.adobe.com/flex/mx"  >

<fx:Script>
    <![CDATA[
        import mx.controls.ColorPicker;
        import mx.events.FlexEvent;
        import mx.utils.ColorUtil;

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

            if(data.different == 1){
                solidColor.color = 255;
            }
        }

    ]]>
</fx:Script>

<s:BorderContainer width="100%" height="100%">
    <s:borderStroke>
        <s:SolidColorStroke   id="solidColor" />
    </s:borderStroke>
    <s:UITextFieldGridItemRenderer label="{data.name}" />
</s:BorderContainer>
</s:GridItemRenderer>

然后接下来的步骤很简单，从数据网格克隆您的 dataProvider ，然后比较两者，如果item改变了，只需将“1”设置为，例如上例中的“不同”标志，然后itemRenderer将调用自身并自动更改颜色