ItemRenderer Flex 值未根据 ArrayCollection Provider 进行渲染

Question

我在使用 itemRenderer 功能时遇到问题。当使用 ArrayCollection 时，使用 itemRenderer 的 DataGrid 中的可见数据将被渲染得很好。但如果我开始滚动，条目将在使用渲染器的单元格中重复。单元格未根据 id 填充日期。我在这里犯了什么错误。

我读了很多解释，例如：

http://blogs.adobe.com/ aharui/2007/03/thinking_about_item_renderers_1.html

这里是设置数据函数的代码（itemRenderer 正在扩展 HBox）：

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

        if(data!=null)
        {
            var maxValue:Number = 0;
            var maxFontHeight:int = 18;

            for each(var term:ArrayCollection in _data.story)
            {
                if((term.getItemAt(1) as Number)>maxValue)
                    maxValue=term.getItemAt(1) as Number;
            }

            for each(var term:ArrayCollection in _data.story)
            {
                var FontHeight:int = Math.floor((term.getItemAt(1) as Number) * maxFontHeight / maxValue);

                var l:Label = new Label();
                l.text = term.getItemAt(0) as String;
                l.setStyle("fontWeight","normal");
                l.setStyle("fontFamily","Verdana");
                l.setStyle("paddingRight",0);
                l.setStyle("paddingLeft",0);
                l.setStyle("fontSize", FontHeight);
                l.setStyle("color", 0x000000);

                this.addChild(l);

            }
        }
    }

Answer 1

在添加新内容之前，您并没有清除渲染器中已有的内容。

尝试将标签的构造移至 createChildren，在集合数据中设置文本（而不是构造另一个标签），并记住在数据为空时清除文本。

您还可以进行一些优化，例如在执行工作之前检查新数据与当前数据是否相同。