Flex中的数据绑定

单向绑定:用一对花括号括起来,这样子就可以实现绑定了

//textInput1的text绑定了textInput2的text,当textInput2.text改变时,textInput1的text也在改变

<s:TextInput id="textInput1" text="{textInput2.text}"/>

 

//textInput2的text绑定了textInput1的text,当textInput1.text改变时,textInput2的text也在改变

<s:TextInput id="textInput2" text="{textInput1.text}"/>

 

双向绑定 @{}

//textInput1的text 和textInput2的text进行了双向绑定,当其中一个改变时,其他的也在改变

<s:TextInput id="textInput1" text="@{textInput2.text}"/>

<s:TextInput id="textInput2"/>

 

数据绑定

package

{

    public class Task

    {

        //这个确保该变量可以作为数据绑定的源

        [Bindable]

        public var name:String;

        public function Task(name:String)

        {

            this.name=name;

        }

 

    }

}

 

 

[Bindable]

private var _task:Task=new Task("Learn Binding");

//textInput1的text和_task.name绑定了

<s:TextInput id="textInput1" text="{_task.name}"/>

 

//textInput2的text和_task.name绑定了

<s:TextInput id="textInput2" text="{_task.name}"/>

 

你可能感兴趣的:(Flex)