ItemRender 数据更改

Question

我有一个带有 ItemRenderer 的列表。当我单击按钮时，绑定到列表的 ArrayCollection 的属性就会更改。

当我单击该按钮时，它确实会更改属性，但列表不会更改。

我该如何解决这个问题。

这是我的代码

<fx:Script>
    <![CDATA[

        [Bindable] 
        public var controllers:ControllerCollection = new ControllerCollection();

        private function hideTheFirstItem(evt:MouseEvent):void
        {
            (controllers[0] as Controller).meetsRequirements = false;

                    //these methods don't work unfortunatly
                    controllers.itemUpdated(controllers[0]);
                    controllers.refresh();

        }


    ]]>
</fx:Script>

<mx:List id="listControllers" dataProvider="{controllers}">
    <mx:itemRenderer>
        <fx:Component>
            <solutionItems:displaySolutionItem visible="{data.meetsRequirements}" />
        </fx:Component>
    </mx:itemRenderer>
</mx:List>
<mx:Button label="test" click="hideTheFirstItem(event)" />

（ControllerCollection 扩展了 ArrayCollection）

谢谢！

文森特

Answer 1

两种方式：

1. 集合。刷新（）
2. collection.itemUpdated()

当然，ControllerCollection 不是一个标准的 Flex Collection 类；所以我只是假设它实现了 ICollectionView 接口。

---

更新：
我确实注意到您的代码设置为修改 ArrayCollection 的第一个元素，

private function hideTheFirstItem(evt:MouseEvent):void
{
 (controllers[0] as Controller).meetsRequirements = false;

 //these methods don't work unfortunatly
 controllers.itemUpdated(controllers[0]);
 controllers.refresh();
}

我想确保指定集合的​​第一个元素可能不是视图中当前可见的第一个元素。我想知道这是否给你带来了问题。

Answer 2

在没有看到您的项目渲染器的情况下，我需要做出一些假设。

首先，我假设您的项目渲染器使用数据绑定到 meetsRequirements 属性。如果是这种情况，则 meetsRequirements 属性需要在该属性发生更改时发出通知。如果将 [Bindable] 标记添加到该属性或 Controller 类，则 meetsRequirements 属性将通知 itemRenderer 根据该字段更新该字段关于您的数据绑定。

如果我的假设是错误的，我们需要查看代码以便为您提供进一步的想法。

Answer 3

首先，如果不需要，请不要尝试创建新集合。

我相信您的问题在于以下语句： (controllers[0] as Controller).meetsRequirements = false; 编译时应该失败，因为无法使用方括号注释检索集合项。您需要使用 getItemAt(index:int) 函数。

此外，如果您想“删除”项目渲染器，您不会希望将其可见设置为 false，因为这样您就会有一个空位。你想要做的就是将其过滤掉：

<s:Application creationComplete="onCreationComplete()">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            [Bindable] public var data:ArrayCollection = new ArrayCollection();

            private function onCreationComplete():void
            {
                // TODO: need to add data here
                // Adding filter function
                data.filterFunction = filterItems;
            }

            private function filterItems(item:Object):Boolean
            {
                return item.meetsRequirements;
            }

            private function hideFirstItem():void
            {
                if(data.length > 0)
                {
                    Controller(data.getItemAt(0)).meetsRequirements = false;
                }

                data.refresh();
            }
        ]]>
    </fx:Script>

    <mx:List id="listControllers" dataProvider="{data}" />
    <mx:Button label="test" click="hideFirstItem()" />
</s:Application>

这应该可以做到。虽然未经测试。

Answer 4

试试这个：

<fx:Script>
    <![CDATA[

        [Bindable(Event="refreshMyList")] 
        public var controllers:ControllerCollection = new ControllerCollection();

        private function hideTheFirstItem(evt:MouseEvent):void
        {
            (controllers[0] as Controller).meetsRequirements = false;

            dispatchEvent(new Event("refreshMyList"));
        }


    ]]>
</fx:Script>