Exploring the Flex AJAX Bridge [教程].ppt

Exploring the Flex AJAX Bridge David Gassner Bardo Technical Services Seattle, WA What is the Flex AJAX Bridge? New technology included with: LiveCycle Data Services 2.5 (formerly known as Flex Data Services) /products/ livecycle/dataservices/ Flex Builder 3.0 Public Beta /technologies/ flex/flexbuilder3/ What is it for? The Flex AJAX Bridge enables communication between browser-hosted JavaScript and Flex 2 applications The browsers JavaScript code can control objects, call methods and set properties in the Flex application Data objects can be passed between the 2 runtime environments Whats in the Bridge? The Flex AJAX Bridge consists of two (2) complimentary code libraries: FABridge.js – a browser-side JavaScript function library FABridge.as – an ActionScript 3 class for inclusion in a Flex 2 application To find it in LCDS: C:\lcds\resources\FABridge* To find it in Flex Builder 3 public beta*: C:\Program Files\Adobe\Flex Builder 3\sdks\moxie\frameworks\javascript\fabridge What do I need? Flex 2 SDK included in LCDS, OR Moxie SDK included with Flex Builder 3 Flash Player 9 A supported browser: Microsoft Internet Explorer, Mozilla Firefox, or Opera with JavaScript enabled And, of course: The Flex AJAX Bridge files FABridge.as and FABridge.js What do I do? Here are the programming steps: Incorporate the Bridge into your Flex application Compile the Flex application Include the JavaScript library into the HTML page Incorporate the Flex application into the HTML page Get a reference to the Flex application from JavaScript Call methods and set properties on Flex objects from JavaScript Incorporate the Bridge into Flexwith MXML Add the FABridge.as file to your Flex project Instantiate the bridge object with an MXML declaration: fab:FABridge xmlns:fab=bridge.* / Note: The Bridge object does not need a unique id when instantiated with MXML Incorporate the Bridge into Flex with ActionScript package { import flash.display.MovieClip; import bridge.FABridge; public