WEB开发网
开发学院图形图像Flash flex in action (六)flex与后台Java进行交互(2)... 阅读

flex in action (六)flex与后台Java进行交互(2)

 2009-04-11 12:04:09 来源:WEB开发网   
核心提示: 然后就是界面的代码:1<?xmlversion="1.0"encoding="utf-8"?>2<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"3l

然后就是界面的代码:

 1 <?xml version="1.0" encoding = "utf-8"?>      
 2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
 3      layout="absolute">      
 4 <mx:Script >      
 5   <![CDATA[ 
 6       import mx.rpc.events.FaultEvent;    
 7        import mx.rpc.events.ResultEvent;    
 8       [Bindable]    
 9           private var helloResult:String;      
10           private function input():void {    
11             inp.display(nam.text,sex.text,email.text);
12         }
13         
14        private function resultHandler(event:ResultEvent):void {    
15             helloResult=event.result as String;    
16         } 
17     ]]>   
18 </mx:Script>      
19      <mx:RemoteObject id="inp" destination="input" result="resultHandler(event)"/>       
20       
21         <mx:TextInput id="nam" x="275" y="54"/>
22         <mx:TextInput id="sex" x="275" y="102"/>
23         <mx:TextInput id="email" x="275" y="144"/>   
24         <mx:Label x="161" y="56" text="姓名:" fontSize="14"/>
25         <mx:Label x="161" y="104" text="性别:" fontSize="14"/>
26         <mx:Label x="161" y="146" text="邮箱:" fontSize="14"/>               
27         <mx:Button label = "Submit" click="input()" x="302" y="183"/>      
28         <mx:Panel x="185" y="243" width="250" height="200" layout="absolute" title="你输入的信息是" fontSize="14">
29                <mx:TextArea x="0" y="0" width="230" height="155" text="{helloResult}" editable="false"/>
30         </mx:Panel>
31      </mx:Application>    

代码没什么很重要的,应该看一下就能理解了。

运行效果如下:

flex in action (六)flex与后台Java进行交互(2)

再次提交,就不会有刷新的效果了。

这也就是我喜欢flex的地方。不过第一次加载的时候可能速度有点慢。

系列文章:

Flex in action(一)安装及编写你的第一个Flex程序

flex in action(二)flex和内部及外部xml数据

flex in action (三)flex对xml数据进行处理二

flex in action (四)使用e4x解析xml及树形列表的建立

flex in action (五)flex与后台Java进行交互(1)

上一页  1 2 

Tags:flex in action

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接