The document discusses Rich Internet Applications and Flex, noting that Flex uses a MVC architecture to isolate domain logic from the user interface. It explains some key aspects of the MVC model like the model managing data and notifying observers, and the view rendering the model while there can be multiple views. Finally, it previews exercises on loading images at runtime, displaying text blocks, data binding controls to data, and building forms using the Form container.

1. Rich Internet Applications and Flex
Vijay Kalangi

2. MVC
• Isolate domain logic from UI
• Model - Manages data. Model also notifies observers.
• View - Renders the model, multiple views!
• Controller -accepts input and instructs model and view

3. Exercise 3
Next ...
• How to load images at runtime with the Image control
• How to display blocks of text
• How to link simple controls to an underlying data structure with data
binding
• How to build user forms with a minimum of effort using the Form
container

4. Simple controls
• Few controls
• Label, TextInput and Datagrid etc.,

5. • Events
• Loosely coupled applications, not flow
based
• System events, user events
• Event dispatcher
• Event listener

6. <fx:Script>
<![CDATA[
private function clickHandler(event:MouseEvent):void
{
trace(event.type);
}
]]>
</fx:Script>
<s:Label id=”myL”/>
<s:Button id=”myButton”
label=”Click Me”
click=”clickHandler(event)”/>

7. • Inspecting the Event Object
• system events, example
• creationComplete - instantiated and knows its size and
position and is dispatched after creationComplete of all its children.

8. • Event propagation in detail
• 3 phases - capture, target, bubble
• Example
• Stage > SystemManager > EventPropagation > blueBox > redBox
> button

9. • Enable capture
• this.addEventListener( MouseEvent.CLICK, onClick, true );