flex页面跳转及数据绑定.doc

Flex页面跳转 Flex中实现Flex页面跳转以下几种方式： Flex页面跳转方式一：使用ViewStack组件，把要跳转的页新建成MXMLComponent,然后通过ViewStack组件把这些页包含进来，然后再通过改变ViewStack的selectedItem或者selectedChild来切换这些页。 mx:ViewStackidmx:ViewStackid=storeViewswidth=100%height=550 creationPolicy=all shouyeidshouyeid=homeViewlabel=首页showEffect=WipeDownhideEffect=WipeUp/ leixingidleixingid=pViewlabel=模板类型showEffect=WipeDownhideEffect=WipeUp/ makeidmakeid=supportViewlabel=立即制作showEffect=WipeDownhideEffect=WipeUp/ /mx:ViewStack mx:Buttonclickmx:Buttonclick=storeViews.selectedChild=homeView;/ Flex页面跳转方式二：使用navigateToURL，主要方式如下： varurl:String=http://localhost:8080/Flex_Java_Demo/ welcome.html ar request:URLRequest=new URLRequest(url); navigateToURL(request,_blank); A href=/手持机/A 这个方法实现Flex页面切换时会弹出新的页面，而不是只变换url Flex页面跳转方式三：引用flash中的importflash.external.ExternalInterface这个接口，它能提供像jsp中window.location.href方法一样方便，主要代码为： ExternalInterface.call(function(){window.location. href=http://localhost:8080/Flex_J2eeDemo /bin/Welcome.html;}); Flex页面跳转方式四：使用组件技术，把不同的页面做成component，然后通过TabNavigator等进行切换，通过使用state实现跳转。 Flex页面跳转方式五：把不同的页面做成Module，然后使用ModuleLoder来进行加载切换。 Flex数据绑定 现在数据库或是某个文件里有一些数据需要显示在界面上该怎么办呢？我们的目的就是将这些数据设法放到界面上去可以显示出来，这个将数据放到界面上去的过程可以叫住Flex数据绑定。 在Flex应用中程序中，Flex数据绑定的实际是借助事件机制来完成的，当目标使用Flex数据绑定的时候，目标对象就会监听数据源对象的某一固定事件。当数据源发生变化时，数据源会派发改变事件通知目标对象更新数据。实际开发中我们不需要去关注具体的实现过程，这个过程Flash/Flex会自动去完成。 在Flex中，Flex数据绑定主要有四种方式，分别为：{}绑定表达式、[Bindable]绑定符号、mx:Binding标签和BindingUtils动态绑定，下面一一对这四种Flex数据绑定方式进行详细介绍。 一、{}绑定表达式 Flex开发中，{}绑定表达式的应用是最为常见的，简单、方便。好比ASP.NET中的%%一样的功效。这里我就简单介绍下，在Flex下怎么使用{}绑定表达式来绑定数据。如有这样一个简单的需求，我们定义一个变量，通过{}绑定表达式将变量的值绑定到文本框或是按扭等类似的UI组件上，变量定义如下： A href=/手持终端/A 1mx:Script 2![CDATA[ 3[Bindable] 4internalvartext:String=嗨，这是通过\{}\表达式绑定的!; 5]] 6/mx:Script 如上定义了一个字符串的变量text，我们通过{}绑定表达式将其绑定在UI组件上呢？如下： 1mx:Buttonxmx:Buttonx=97y=122label={this.text}fontSize=12/ 2mx:Labelxmx:Labelx=97y=152text={this.text}fontSize=12/ 3mx:Textxmx:Textx=97y=178text={this.text}fontSize=12/ 简洁、简单、方便且适用。OK，已经学到手了，那下面继续看看另一种绑定使用方式--绑定方法返