`
as1001001
  • 浏览: 88326 次
  • 性别: Icon_minigender_1
  • 来自: 鞍山
社区版块
存档分类
最新评论

flex基础实用知识

阅读更多
1.弹出新窗口
Flex通过PopUpManager类来实现弹出新窗口:
先设置好要弹出窗口的页面,然后在主窗口中先new出弹出窗口的对象,然后可以对弹出窗口的属性进行赋值,
     var genggai : GengGaiWindow = new GengGaiWindow();
      genggai.logId = adg.selectedItem.id;
     // 使用PopUpManager类中的以下两个方法弹出窗口:
     PopUpManager.addPopUp(genggai,this);
      PopUpManager.centerPopUp(genggai);
      //使用PopUpManager类中以下方法关闭已弹出的窗口:PopUpManager.removePopUp(this);


让窗口居中则
PopUpManager.centerPopUp(PopUpManager.createPopUp(DisplayObject(Application.application),TitleWindow,true));  





2.页面跳转——多视图切换
Flex应用中,可以实现依据用户的不同需求进行补同视图间的切换,此过程中只有一个视图被显示在顶层,其他视图以堆叠的形式被隐藏。这一功能是同过ViewStack容器实现的。 ViewStack包含的容器都是一个视图,视图间的切换要通过其他组件或编写ActionScript来实现。
在本例中,<mx:ViewStack >标签下的视图:
       <mx:Canvas id=“View1”>    视图View1    </mx:Canvas>
     <mx:Canvas id=“View1”>    视图View2    </mx:Canvas>
     视图间切换:viewstack1.selectedChild=View2;




3.Flex访问服务端的java应用
基于LCDS的Flex应用最强大的功能就是能够直接通过LCDS调用服务端的java代码(通过使用Remoting服务的方式):
     使用时将后端的java类在remoting-config.xml配置文件当中描述,然后通过Flex将配置文件中的别
名当作远程对象进行调用。配置文件:
 
    <destination id="UserService">
           <properties>  <source>service.UserService</source>   </properties>
      </destination>

      页面中通过以下标签替代直接只用类库调用远程对象:
     
<mx:RemoteObject id=“userService” destination=“ UserService ”/>

      声明RemoteObject类实例的同时指明了remoting-config.xml配置文件中声明的java类的别名,这
样就可以调用远程java类了:
     
userService.login(strname,strpwd);




4.Flex页面接收java类的返回值
Flex不能直接接收java类的返回值,需要通过以下方法:
     首先在声明远程java类的同时,指明调用该java类的某个方法时,返回值通过某个ActionScript来
处理:
    
<mx:RemoteObject id="logService" destination="LogService">
              <mx:method name="getTotalPages" result="getTotelResult(event)"/>
     </mx:RemoteObject>

     接下来在ActionScript中接收java类的传值:
            private function getTotelResult(evt:ResultEvent):void{        
                            totlepage = evt.result as int;          }

      上述过程第一步,也可以放在ActionScript中,比如在某个ActionScript 中:
    
     logService.addEventListener(ResultEvent.RESULT,functionResult);





5.页面动态实时显示列表
JAVA里的LIST、ARRAYLIST对应到FLEX里可以用ArrayCollection来接收。要做到动态地显示列表,首先动态绑定页面中的ArrayCollection类:
     
[Bindable]
      public var logAC : ArrayCollection = new ArrayCollection();
      接着还要实现列表的动态刷新,删除某一项时:
           调用this.initWindow()使页面刷新;
      添加新日志时:
          调用mmm.initWindow()使主页面刷新,其中mmm为主页面类型的对象(var  mmm : FlexTest;),在弹出添加窗口时,主页面将自己副给添加窗口的mmm属性,
       
  public function gotoDetail3():void{
             var tianjia : TianJiaWindow = new TianJiaWindow();
             tianjia.mmm = this;
             PopUpManager.addPopUp(tianjia,this);
             PopUpManager.centerPopUp(tianjia);   }





6.Flex中类似超链接的实现
Flex中没有超链接,可以变相的实现超链接,首先定义链接的地址:
   
  public var u:URLRequest = new URLRequest
("http://localhost:8080/FlexTest/bin/FlexTest.html");

      写一个ActionScript,利用navigateToURL(u,‘_self’)方法链接到以上地址:
      private function clickTTSelectResult(event:CloseEvent) :void
      {navigateToURL(u,'_self');}

      页面中的链接按钮,调用以上的ActionScript:
     
<mx:LinkButton x="508" y="405" label="退出" width="66" height="20" fontSize="11" 
click="popTAlert()" />





7.利用FileReference上传文件
需要被上传的文件被声明为FileReference类。
      打开文件浏览窗口用: file.browse(allTypes); 注意FileFilter的用法,它不能直接作为
FileReference类的成员函数browse的参数,要放入数组allTypes中。 具体上传代码:
     
var request: URLRequest = new URLRequest
("http://localhost:8080/FlexTest/FileUploadServlet?userid="+userid);  
      //request.data = "userid = " + userid; 
      file.upload(request);  

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics