如何使用Flex Form

<?xml version="1.0" encoding="utf-8"?><!-- Simple example to demonstrate Form layout container. --><!--   如何使用Flex Form MyShareBook.cn 翻译--><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Model id="checkModel">        <User>            <FirstName>{fname.text}</FirstName>            <DOB>{dob.text}</DOB>            <Email>{email.text}</Email>            <Age>{age.text}</Age>            <SSN>{ssn.text}</SSN>            <Zip>{zip.text}</Zip>            <Phone>{phone.text}</Phone>        </User>    </mx:Model>

    <mx:Panel title="Form Container Example" height="75%" width="75%"         paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue"            text="Moving from one form field to another triggers the validator."/>

        <mx:Form width="100%" height="100%">            <mx:FormHeading label="Enter values into the form."/>

            <mx:FormItem label="First name">                <mx:TextInput id="fname" width="200"/>            </mx:FormItem>

            <mx:FormItem label="Date of birth (mm/dd/yyyy)">                <mx:TextInput id="dob" width="200"/>            </mx:FormItem>

            <mx:FormItem label="E-mail address">                <mx:TextInput id="email" width="200"/>            </mx:FormItem>

            <mx:FormItem label="Age">                <mx:TextInput id="age" width="200"/>            </mx:FormItem>

            <mx:FormItem label="SSN">                <mx:TextInput id="ssn" width="200"/>            </mx:FormItem>

            <mx:FormItem label="Zip">                <mx:TextInput id="zip" width="200"/>            </mx:FormItem>

            <mx:FormItem label="Phone">                <mx:TextInput id="phone" width="200"/>            </mx:FormItem>        </mx:Form>

    </mx:Panel>

    <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>    <mx:PhoneNumberValidator source="{phone}" property="text"/>    <mx:DateValidator source="{dob}" property="text"/>    <mx:EmailValidator source="{email}" property="text"/>    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"        minValue="18" maxValue="100" domain="int"/>    <mx:SocialSecurityValidator source="{ssn}" property="text"/>    <mx:ZipCodeValidator source="{zip}" property="text"/>

</mx:Application>

如何使用Flex Form相关推荐

flex Form Validator 检验提交
学习 flex from validator 表单检验提交,根据我们做 web 应用程序的经验, 在一个Form 提交前要对数据进行检验,如果表单数据通过验证,那么提交. 下面是示例代码: <? ...
Flex form 提交list数据表单
在Flex+J2EE开发中,采用动态脚本的方式提交一个list表单到后台,方法如下: Flex 功能代码: var request:HTTPService = new HTTPService(); r ...
flex form formitem
form.formite 遍历 [color=blue]mxml:[/color] <mx:Form id="myform"> <mx:FormItem labe ...
Flex Form拖拽必须要加上背景颜色
如果拖拽的目的地是Form,必须要加上背景颜色,否则不生效.如下: <mx:Form width="400" height="300" dragEnter ...
Flex Form表单表格加载XML 数据绑定
2010-10-29 1.数据绑定 : bb中显示aa中的内容 <mx:TextInput id="aa" x="200" y="20" ...
Kony开发入门及学习路线介绍
Kony开发基础资料 Kony的简介及作用: "编写一次,随处运行"是Kony对于移动端开发的一个最佳解释, Kony 为大企业提供开发环境及移动中间件,可以让其开发并发布企业及消 ...
html一行的宽度设置,html – 将一行表格框的总宽度扩展到100％
我正在创建一个表单,我在同一行上有几个输入框. 我想让电子邮件输入一行.日期,时间和数字输入采取另一行.但是,我不确定如何让日期/时间/数字输入完全跨越表格宽度的100%. 我现在在CSS中的百分比是 ...
web技术分享| web的白板工具栏封装
最近做白板项目,最重要的工具栏模块在网上搜了搜都没找到想要的,狠下心自己原生封装一个. 最终效果展示: 使用白板 SDK 使用 anyRTC 的白板SDK 项目地址:https://demos.any ...
vue跟layui样式整合！大坑
在你观看这篇文章前,我真的一点都不建议你layui的界面更vue.js混合使用. 如果你已经开始了,那当我没说过. 添加第三方js,css 常见的layui.all.js.vue.min.js.这些都 ...

如何使用Flex Form

如何使用Flex Form相关推荐

最新文章

热门文章