Довольно часто мы создаём глобальную переменную (в рамках mxml-компонента), которая связывается (binding) с переменной внутреннего компонента:

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”400″ height=”300″>
   1. <mx:TextInput text=”{textInputText}” />
   2. <mx:String id=”textInputText” />
3. </mx:Canvas>

Но при этом связывание одностороннее, т.е. в приведённом примере, если пользователь введёт текст в поле, то переменная textInputText не измениться. На помощь приходит тег <Binding>.

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”400″ height=”300″>
   1. <mx:TextInput id=”ti” text=”{textInputText}” />
   2. <mx:String id=”textInputText” />
   3. <mx:Binding source=”ti.text” destination=”textInputText” />
3. </mx:Canvas>

Единственный минус в том, что нужно придумывать id для TextInput

Обновление:

Оказывается можно сделать проще

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”400″ height=”300″>
   1. <mx:TextInput id=”ti” text=”{textInputText}” />
   2. <mx:String id=”textInputText”>{ti.text}</mx:String>
3. </mx:Canvas>

Это не избавляет нас от придумывания id, но бережёт одну строчку кода. А <binding> можно использовать для связывания к больше чем одному объекту.