ArrayCollection 包装器允许绑定机制查看更改

Question

我有一个包含可绑定对象的 ArrayCollection。我想在多个地方访问它们，如下所示（为了清楚起见，只有一个标签）。我怎样才能做到这一点？我应该为 ArrayCollection 编写某种包装器来调度可由 Flex 事件机制捕获的特殊事件（哪个？）。

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


    <mx:VBox>
        <s:Label id="lb" text="{lab(col)}" />
        <s:Button click="onC(event)" color="0x000000"/>     
    </mx:VBox>

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.CollectionEvent;
            import mx.events.PropertyChangeEvent;

            import spark.events.ListEvent;

            [Bindable] private var col:ArrayCollection;

            private function init():void {
                col = new ArrayCollection();
                col.addItem({ val: 1 });
                col.addItem({ val: -1 });
            }

            private function onC(event:MouseEvent):void {
                col.getItemAt(0).val++;

                trace(col.getItemAt(0).val);
            }

            private function lab(_:ArrayCollection):String {
                for(var i:int = 0; i < col.length; i++) {
                    if(col.getItemAt(i).val > 0)
                        return col.getItemAt(i).val.toString();
                }

                return "-666";
            }

        ]]>
    </fx:Script>
</s:Application>

我想创建这样的包装器：

        public class BindableArrayCollection extends EventDispatcher {

    [Bindable] private var _ac:ArrayCollection;

    public function BindableArrayCollection()   {
        this.ac = new ArrayCollection();
    }


    [Bindable]
    public function set ac(val:ArrayCollection):void {
        if(_ac != null)
            _ac.removeEventListener(CollectionEvent.COLLECTION_CHANGE, toggleChangeEvent);

        _ac = val;

        if(_ac != null)
            _ac.addEventListener(CollectionEvent.COLLECTION_CHANGE, toggleChangeEvent);

        toggleChangeEvent(); 
    }

    public function get ac():ArrayCollection {
        return _ac;
    }

    public function toggleChangeEvent(_:Object = null):void {
        dispatchEvent(....);
    }
}

以便绑定机制能够工作。我应该用什么来代替“...”？

Answer 1

您的问题是标签没有显示 ArrayCollection 中的值，对吗？之所以如此，是因为 Label 没有像 DataGrid 或 List 那样的 ArrayCollection 更新机制。
您的 ArrayCollection 是可绑定的，但这仅意味着您的 lab(col) 函数仅在您更改 col 变量值时才会执行。
您设置了col = new ArrayCollection();，此时绑定被执行。只有在那之后，您才能为您的收藏添加价值。有两种方法可以解决此问题：

1. 调用lb.executeBindings()来更新标签视图。
2. 当其项目发生更改时，侦听 ArrayCollection 调度的 CollectionEvent.COLLECTION_CHANGE。

希望这会对您有所帮助。

Answer 2

看来你要开始了。我在这里看到的唯一可绑定的是 ArrayCollection，而不是其中的对象。如果您想让一个集合（或一般的任何数据）可以在应用程序中的任何位置访问，那么这些客户端代码片段需要知道如何访问它。一种可能的方法是实现单例设计模式 - http://www.squidoo .com/flash-tutorials_as3-singleton-design-pattern 这将是一个很好的起点，让您的数据变得更加“全球化”。