v3_07 Implementing two-way binding 使用双向绑定
ex3_07
前面已经讲了mxml之间和mxlm,as间的数据绑定,
所有的绑定都是单向的,这部分主要讲如何进行双向的数据绑定
单向绑定允许一个对象观测另一个对象的属性变化
双向绑定允许两个对象相互观测彼此的属性变化
以下为示例,点柱状图显示下面的InputText,反过来,修改InputText的值也能使柱状图发生改变
![](/upload/picture/pic/81871/75d784b6-6570-3d7c-8f02-254dc4bb69af.gif)
双向绑定开头符号 @
其实很简单, 只要在绑定的对象前面加@就可以实现双向绑定了
以下是执行点击柱状图,将对象赋值
protected function employeeChart_itemClickHandler(event:ChartItemEvent):void
{
selectedEmployee = event.hitData.item as Employee;
}
正常情况下,就是在后面使用这个对象
拿掉@就是单向的,加上就是双向的,但要注意双向绑定时,必须加上id属性
<mx:FormItem label="Salary:"> <s:TextInput id="salaryInput" text="@{selectedEmployee.salary}"/> </mx:FormItem>