小菜毛毛技術(shù)分享
          
				
          與大家共同成長(zhǎng)
          
			          		
		
          
	
          

          

          
	
          
		
          
			
				
 
BlogJava ::
首頁 ::
聯(lián)系 ::
聚合
 ::
管理

			
			
			
				

	
          
		
          
			
			
			
				 
				164 
				Posts ::
				141 Stories
				::
				94 Comments
				::
				0 Trackbacks
			
		
          
	
          

			          		
		
          
	
          

          


          

          
	
          
	
					

          
			
	
	
          
		用actionscript給服務(wù)器請(qǐng)求添加參數(shù)難免會(huì)很麻煩，使用mx:request標(biāo)簽就可以解決這一問題，可以把他 
          
嵌套到HTTPService標(biāo)簽中實(shí)現(xiàn)參數(shù)的提交。如下例所示： 
          

          

          

          Xml代碼 復(fù)制代碼
          

          

            
    
          1. <mx:request>  
            2. 
    
          2.       <txtPara>{txtPara.text}</txtPara>  
            3. 
    
          3.  </mx:request>  
            4. 

          

          


          
其中txtPara是發(fā)送到服務(wù)器端參數(shù)的名城，標(biāo)簽體是參數(shù)值，而標(biāo)簽體的值就是下方文本框的值。 
          
以下是完整的mxml文件： 
          

          

          

          Xml代碼 復(fù)制代碼
          

          

            
    
          1. <?xml version="1.0" encoding="utf-8"?>  
            2. 
    
          2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >  
            3. 
    
          3.     <mx:Script>     
            4. 
    
          4.       <![CDATA[    
            5. 
    
          5.         import mx.rpc.events.ResultEvent;                
            6. 
    
          6.         import mx.controls.Alert;                        
            7. 
    
          7.         private function httpHandle(e:ResultEvent):void   
            8. 
    
          8.         {  
            9. 
    
          9.             Alert.show(e.result.Result);  
            10. 
    
          10.         }  
            11. 
    
          11.         ]]>     
            12. 
    
          12.     </mx:Script>     
            13. 
    
          13.     <mx:HTTPService id="myHttp" url="http://localhost:8080/myflex/http" showBusyCursor="true" result="httpHandle(event);" useProxy="false">  
            14. 
    
          14.         <mx:request>  
            15. 
    
          15.             <txtPara>{txtPara.text}</txtPara>  
            16. 
    
          16.         </mx:request>  
            17. 
    
          17.     </mx:HTTPService>  
            18. 
    
          18.     <mx:Panel title="TEST HTTPService" width="368" height="140" x="78" y="30" layout="absolute">  
            19. 
    
          19.         <mx:Label text="PARA" x="110" y="26"/>     
            20. 
    
          20.         <mx:TextInput id="txtPara" x="161" y="24" width="95"/>    
            21. 
    
          21.         <mx:Label text="The para sent to service is:" x="58" y="53"/>  
            22. 
    
          22.         <mx:Label x="126" y="53" id="lblResult"/>     
            23. 
    
          23.         <mx:Button label="Submit" click="myHttp.send()" x="277" y="53"/>      
            24. 
    
          24.     </mx:Panel>  
            25. 
    
          25. </mx:Application>  
            26. 

          

          


          
在服務(wù)器端就可以從request中取到txtPara參數(shù)的值，這里沒有做過多處理，只是在后端取到這個(gè)值又通過xml形式返還到客戶端。 
          
這是例子運(yùn)行的截圖： 
          
 
          

          
mx:request組件一般是結(jié)合mx:form組件一起使用，flex提供了完備的數(shù)據(jù)校驗(yàn)功能，如對(duì)字符串的校驗(yàn)mx:StringValidator、 
          
對(duì)電話號(hào)碼驗(yàn)證的mx:PhoneNumberValidator、對(duì)日期驗(yàn)證的mx:DateValidator、對(duì)電子郵件驗(yàn)證的mx:EmailValidator、對(duì)郵編驗(yàn)證 
          
的mx:ZipCodeValidator等等。下面這個(gè)示例來自Flex的在線文檔，主要展示flex的form驗(yàn)證功能，沒有數(shù)據(jù)的提交。 
          

          

          

          

          Xml代碼 復(fù)制代碼
          

          

            
    
          1. <?xml version="1.0" encoding="utf-8"?>  
            2. 
    
          2. <!-- Simple example to demonstrate Form layout container. -->  
            3. 
    
          3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">  
            4. 
    
          4.     <mx:Panel title="Form Container Example" height="75%" width="75%"    
            5. 
    
          5.         paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">  
            6. 
    
          6.         <mx:Text width="100%" color="blue"  
            7. 
    
          7.             text="Moving from one form field to another triggers the validator."/>  
            8. 
    
          8.         <mx:Form width="100%" height="100%">  
            9. 
    
          9.             <mx:FormHeading label="Enter values into the form."/>  
            10. 
    
          10.             <mx:FormItem label="First name">  
            11. 
    
          11.                 <mx:TextInput id="fname" width="200"/>  
            12. 
    
          12.             </mx:FormItem>  
            13. 
    
          13.             <mx:FormItem label="Date of birth (mm/dd/yyyy)">  
            14. 
    
          14.                 <mx:TextInput id="dob" width="200"/>  
            15. 
    
          15.             </mx:FormItem>  
            16. 
    
          16.             <mx:FormItem label="E-mail address">  
            17. 
    
          17.                 <mx:TextInput id="email" width="200"/>  
            18. 
    
          18.             </mx:FormItem>  
            19. 
    
          19.             <mx:FormItem label="Age">  
            20. 
    
          20.                 <mx:TextInput id="age" width="200"/>  
            21. 
    
          21.             </mx:FormItem>  
            22. 
    
          22.             <mx:FormItem label="SSN">  
            23. 
    
          23.                 <mx:TextInput id="ssn" width="200"/>  
            24. 
    
          24.             </mx:FormItem>  
            25. 
    
          25.             <mx:FormItem label="Zip">  
            26. 
    
          26.                 <mx:TextInput id="zip" width="200"/>  
            27. 
    
          27.             </mx:FormItem>  
            28. 
    
          28.             <mx:FormItem label="Phone">  
            29. 
    
          29.                 <mx:TextInput id="phone" width="200"/>  
            30. 
    
          30.             </mx:FormItem>  
            31. 
    
          31.         </mx:Form>  
            32. 
    
          32.     </mx:Panel>  
            33. 
    
          33.   
            34. 
    
          34.     <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>  
            35. 
    
          35.     <mx:PhoneNumberValidator source="{phone}" property="text"/>  
            36. 
    
          36.     <mx:DateValidator source="{dob}" property="text"/>  
            37. 
    
          37.     <mx:EmailValidator source="{email}" property="text"/>  
            38. 
    
          38.     <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"  
            39. 
    
          39.         minValue="18" maxValue="100" domain="int"/>  
            40. 
    
          40.     <mx:SocialSecurityValidator source="{ssn}" property="text"/>  
            41. 
    
          41.     <mx:ZipCodeValidator source="{zip}" property="text"/>  
            42. 
    
          42. </mx:Application>  
            43. 

          

          


          
示例運(yùn)行的截圖： 
          
 

	
          
	
	
          
		posted on 2009-07-28 13:55 小菜毛毛 閱讀(361) 評(píng)論(0)  編輯  收藏  所屬分類: FLEX 
	
          

          







          
	    
    




          








          

				

          

          




    







          
        
	




主站蜘蛛池模板：
宜宾县|
凤山县|
铁岭县|
怀安县|
南投市|
安溪县|
沂南县|
金沙县|
姜堰市|
娄底市|
台东县|
贡山|
阜康市|
晋城|
兰西县|
天门市|
泰顺县|
大丰市|
平江县|
吴川市|
龙井市|
乡宁县|
广西|
会宁县|
邓州市|
集安市|
荔波县|
杭锦后旗|
三江|
明光市|
汕尾市|
呈贡县|
大港区|
滨海县|
天门市|
开平市|
孝感市|
田阳县|
商城县|
双峰县|
岳阳市|