Data Binding in Flex

Data Binding . Связывание данных во Flex Юлия Николаева http://riapriority.com/ [email_address]

Вопросы для начала

Кто разрабатывает на Flex ?

Кто использовал data binding хотя бы раз?

Кто использовал data binding во Flash ?

Кто знает, что такое data binding ?

Flash CS 3 уже не поддерживает связывание данных

Что такое связывание данных ? data binding

Связывание данных позволяет производить синхронизацию данных.

Обновляются данные  автоматически обновляется их отображение.

Составляющие связывания данных:

source property или свойство источника данных

destination property или свойство получателя (адресата) данных

triggering event или запускающее событие

Source property Triggering event Destination property

Механизм связывания данных Destination property Source property

Механизм связывания данных : изменение source property Destination property Source property изменение

Механизм связывания данных : source property посылает событие Destination property Source property изменение событие изменения Triggering event

Механизм связывания данных : копирование данных Destination property Source property изменение событие изменения копирование значения source property Triggering event

Роль компилятора

добавляет в класс данных функционал рассылки событий

dispatch -ит событие при изменении свойства

подписывается на событие изменения данных

проводит синхронизацию при изменении данных

Способы связывания данных

В mxml

использование фигурных скобок ({})

использование тэга < mx : Binding >

В ActionScript

использование методов BindingUtils

Примеры

<mx:TextInput id=" myTI " text=" Enter text here " />

<mx:Text id=" myText " text=" { myTI.text } " />

<mx:List id=" list1 " ></mx:List>

<mx:List selectedIndex=" { list1.selectedIndex } "

verticalScrollPosition=" { list1.verticalScrollPosition } " >

</mx:List>

Примеры

Использование сложных выражений:

ActionScript

E 4 X

<mx:TextArea id=" output " text=" { dataObj.format(dataObj.prop) } " /> <mx:List dataProvider= " { x ml data.person.(age==1 7 ||age>= 21 )..first } " />

Когда срабатывает data binding ?

source посылает событие изменения

когда приложение стартует и source посылает событие initialize

Поэтому часто используют событие preinitialize для определения binding -а.

Использование BindingUtils

bindProperty

bindSetter

Нельзя использовать ActionScript и E4X

source property должно быть public

валидность проверяется только на этапе выполнения

Что может стать источником связывания?

Правда ли, что тэг [ Bindable ] необходим?

источник обязательно должен быть подклассом EventDispatcher ?

Что может стать источником связывания?

тэг [ Bindable ], [Bindable(event="eventname")]

Read - only get методы и константы без тэга [Bindable]

[Bindable] может быть весь класс

Array не предоставляет встроенных возможностей для связывания

Предрассудки по поводу связывания

Лучше использовать свое событие для связывания

Источник связывания должен поддерживать функционал рассылки событий

Связывание может привести к зацикливанию

Связывание коллекций работает непредсказуемо

Связывание нереально дебажить

Какой способ связывания лучше? + + Обнаружение ошибок на этапе компиляции + + Быстрая разработка + + Удобно находить в коде + Доступ к ChangeWatcher + + Можно сосредоточить все связи в одном месте BindingUtils {} фигурные скобки <mx:Binding>

Опасности связывания данных