Day 2, Exercise 6 - Bindable ?

Question

Hi,
The variable is bindable:
[Bindable] public var selectedOptions:ArrayCollection;
So, if I set the list data provider to this variable, like:
<mx:list id="thelist" dataProvider="{selectedOptions}" />
That means any change on the variable value will impact to list.
The list will update automatically if bind variable value change.
( That's what I understood "Bindable" base on data grid example )
Why this seems not working ?
And we need add init()  ( trigger on creationComplete )
            private function init():void {
                selectedOptions.addEventListener(CollectionEvent.COLLECTION_CHANGE, addToList);
            private function addToList(event:CollectionEvent):void {
                thelist.dataProvider = selectedOptions;
So, we are modify the dataProvider of list every time when the variable value changed.
Why simply set the dataProvider and make the variable [Bindable] didn't work ? ( <mx:list id="thelist" dataProvider="{selectedOptions}" /> )
Thank you for your help.

Answer 1

I think sometimes if the objects in the collection are complex, like an instance of a class that have properties, if those properties in the class change the binding doesn't work unless you explicitly set up binding in the class.