`
hacker47
  • 浏览: 339966 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FLEX入门篇——FLEX的校验组件及HTTPService交互方式

阅读更多

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
	<![CDATA[
		import mx.controls.Alert;
		import mx.events.ValidationResultEvent;
		private function Vemail():void{
			if(emailV.validate().type==ValidationResultEvent.VALID){
				Alert.show("邮箱验证通过","校验提示",Alert.YES|Alert.NO);
			}else if(emailV.validate().type==ValidationResultEvent.INVALID){
				Alert.show("邮箱错误");
			}
		}
	]]>
</mx:Script>
<mx:Model id="contact">
	<info>
		<phone>{phone.text}</phone>
		<name>{userName.text}</name>
		<email>{email.text}</email>
	</info>
</mx:Model>
  <!--
    使用JAVA的话我们在后台,比如servlet中就可以这样得到HttpService传递的值request.getParameter("phone");
request.getParameter("name");....当然这是一种比较原始的传值方式了,在数据量较小或参数较少时无所谓,如果参数很多,或数据量很大的情况下,我个人比较喜欢使用remotingObject方式来处理,将所有参数封闭成一个实体的属性,然后用对象的方式来处理  -->
<mx:HTTPService id="myService" resultFormat="e4x" url="http://localhost:8080/reg" useProxy="false">
</mx:HTTPService>
<mx:StringValidator id="userNameV" source="{userName}"  minLength="6" maxLength="30" property="text"/>
<mx:PhoneNumberValidator id="phoneV" source="{phone}" property="text"/>
<mx:EmailValidator id="emailV" source="{email}" property="text"
		invalidCharError="非法字符"
		invalidDomainError="非法域"
		invalidIPDomainError="非法IP域"
		missingAtSignError="缺少@符号"
		missingPeriodInDomainError="缺少域后缀"
		missingUsernameError="缺少用户名"/>
		<!-- 在默认情况下,是在控件失去焦点时,触发的机校验事件,我们自己也可以通过trigger指定触发,
			还可以通过校验组件ID.validate()函数来触发 -->
	<mx:Panel
		title="My Application" 
		paddingTop="10"
		paddingBottom="10"
		paddingLeft="10"
		paddingRight="10" >
	<mx:VBox width="600">
	<mx:TextInput id="userName"/>
	<mx:HBox width="600">
	<mx:TextInput id="phone"/>
	<mx:Label text="{phone.errorString}"/>
	</mx:HBox>
	<mx:HBox width="600">
	<mx:TextInput id="email"/>
	<mx:LinkButton id="linkBtn" label="立即校验" click="Vemail();"/>	
	</mx:HBox>
	<mx:Button id="sendBtn" label="sendInfo" click="myService.send(contact);"/>
	<!--
		其实在这里还有一种写法,就是不用显式地给linkButton加上事件和处理方法可以直接在校验组件里指定
		<mx:PhoneNumberValidator id="phoneV" source="{phone}" property="text" trigger="{linkBtn}" triggerEvent="校验方法比如:emailV()"/>
	-->
	</mx:VBox>
</mx:Panel>
</mx:Application>


分享到:
评论
2 楼 leisure 2009-06-25  
问个问题:
采用
   <mx:Model id="contact">  
    <info>  
        <a.phone>{phone.text}</a.phone>  
        <a.name>{userName.text}</a.name>  
        <a.email>{email.text}</a.email>  
    </info>  
</mx:Model>  



行不行,用struts2可以自动封装成对象a
1 楼 lydawen 2009-03-02  
总体感觉flex就像是html+js一样。所以学起来也比较简单。不过最终我的目的是flex,esb,ejb,jpa... 项目要求技术大转型啊

相关推荐

    flex HttpService 入门例子

    简单的 flex HttpService例子,可供初学者参考

    Flex+HTTPService 例子

    在这个“Flex+HTTPService 例子”中,我们将探讨如何使用Flex与Java后台通过HTTPService进行数据交互。 首先,我们需要了解Flex中的HTTPService组件。HTTPService允许开发者发送HTTP请求到服务器,并接收响应数据。...

    FLEX简单的入门快速总结

    本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要掌握的关键知识点。 首先,让我们来了解一下Flex的数据绑定。在Flex中,数据绑定是一种强大的机制,...

    flex4 httpservice 例子

    它提供了强大的组件库、数据绑定和高级图形功能,使得开发者能够创建具有高度交互性和视觉吸引力的Web应用。在Flex4中,`HTTPService`是用于与服务器进行HTTP通信的重要类,特别适用于发送异步请求并接收XML数据。 ...

    Flex4.0 如何通过 HttpService和WebService与服务器进行通信

    本篇文章将深入探讨如何利用Flex 4.0中的HttpService和WebService组件与Java Struts2框架构建的服务器进行通信。 首先,我们来看HttpService。HttpService是ActionScript 3.0中的一个类,用于发起HTTP请求,通常...

    Flex的通信方式(三)——HTTPService_1

    在Flex中,与服务器进行数据交互是应用的重要部分,而HTTPService是Flex提供的一种用于与HTTP服务器进行通信的组件。本篇文章将详细探讨Flex中的HTTPService,以及如何通过HTTPService来实现数据的发送和接收。 ...

    Flex从入门到实践——源代码(11章)

    这个压缩包文件包含的是"Flex从入门到实践"教程的源代码,共11章,提供了深入学习Flex开发的实战示例。通过这些源代码,我们可以对Flex编程有更直观的理解和实践经验。 第1章:Flex基础 这一章通常会介绍Flex的基本...

    Flex从入门到实践——源代码(10章)

    这个压缩包文件包含了《Flex从入门到实践》一书中的源代码,覆盖了10个章节的学习内容。通过深入学习这些章节的源代码,你可以更好地理解Flex的基本概念、组件使用、数据绑定、事件处理以及与服务器通信等关键技能。...

    Flex与Java的交互

    Flex与Java的交互是跨平台应用开发中的常见技术组合,允许前端用户界面(UI)与后端业务逻辑进行高效沟通。在本文中,我们将深入探讨如何使用Flex 4与Java进行通信,并通过三种不同的方法实现这一目标:RemoteObject...

    纯flex网站前台(httpservice、webservice进行数据交互)

    在“纯flex网站前台(httpservice、webservice进行数据交互)”这个项目中,我们主要关注的是如何使用Flex来实现与服务器端的数据通信,这涉及到HTTPService和WebService两种技术。 1. **Flex框架**:Flex提供了一...

    flex入门打包教程

    这将涉及到Flex中的HTTPService或WebService组件,以及数据处理和错误处理机制。 总结来说,这个“flex入门打包教程”旨在引导初学者快速进入Flex开发的世界,从环境搭建开始,逐步掌握Flex与Java的整合、基本编程...

    flex数据交互_方式

    在探讨“flex数据交互方式”这一主题时,我们首先需要理解Flex是什么以及它在数据交互中的角色。Flex是一种用于构建和部署丰富的互联网应用程序(RIA)的开源框架,由Adobe Systems开发并维护。它使用MXML(标记语言...

    java 中使用Flex的HttpService的详细配置

    本篇文章将深入探讨如何在Java环境中配置和使用Flex的HttpService。 首先,Flex HttpService基于AMF(Action Message Format)协议,它提供了高效、二进制的数据交换格式,能够显著提高数据传输效率。然而,为了使...

    Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程

    【Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程】 Flex是一种基于Adobe Flash技术的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者创建交互式、响应式的用户界面,通常与后端数据服务配合...

    Flex4_httpService

    综上所述,Flex4_httpService项目涵盖了Flex 4与Java Web服务交互的核心技术,包括客户端HTTPService的使用、服务端Java接口的实现以及项目配置和调试等环节。通过深入学习和实践,开发者可以熟练掌握Flex 4与后端...

    Flex入门实例教程

    Flex入门实例教程是一份非常适合初学者的资源,它旨在引导用户逐步掌握Adobe Flex技术。Flex是一种用于构建富互联网应用程序(RIA)的开放源代码框架,主要用于创建运行在浏览器中的交互式、高性能的用户界面。本...

    Flex与后台交互的方法_HTTPService_WebService_URLLoader

    本篇文章将详细探讨Flex与后台交互的三种主要方法:HTTPService、WebService和URLLoader。 1. HTTPService: HTTPService是Flex中用于处理HTTP请求的组件,基于标准的HTTP协议进行通信。通过HTTPService,开发者...

    Flex cookbook(中文版)+Flex入门到实践

    2. **组件库**:详细介绍Flex组件模型,包括基本组件如Button、TextInput,以及更复杂的容器和图表组件,如何在界面设计中灵活使用这些组件。 3. **数据绑定**:讲解Flex中的数据绑定机制,如何实现视图和模型的...

    《Flex入门》及ActionScript 3.0 语言

    《Flex入门》及ActionScript 3.0 语言是针对Adobe Flex这一开发框架的基础学习资料,旨在帮助初学者快速掌握Flex应用开发的核心概念和技术。Flex是用于构建富互联网应用程序(RIA)的开源框架,它结合了强大的MXML...

Global site tag (gtag.js) - Google Analytics