走近Flex组件系列(六)(使用Form、FormHeading、FormItem布局表单界面(登录界面示例)...)
本篇主要介绍使用Form、FormHeading、FormItem这三个组件进行布局表单界面,这三个组件使用非常简单。本篇以布局一个用户登录界面为示例,如下代码片段: <
mx:Form
width
="100%"
id
="loginForm"
>
<
mx:FormHeading
label
="用户登录"
>
mx:FormHeading
>
<
mx:FormItem
label
="用户名:"
>
<
mx:TextInput
id
="txtUserName"
>
mx:TextInput
>
mx:FormItem
>
<
mx:FormItem
label
="密码:"
>
<
mx:TextInput
id
="txtPassword"
displayAsPassword
="true"
>
mx:TextInput
>
mx:FormItem
>
<
mx:ControlBar
>
<
mx:Spacer
id
="sp"
width
="110"
/>
<
mx:Button
label
="登录"
id
="btnLogin"
enabled
="{(txtUserName.text.length == 0 ) ? false : true}"
toolTip
="{btnLogin.enabled == true ? '点击登录' : '请输入用户名和密码'}"
click
="connectApp()"
/>
mx:ControlBar
>
mx:Form
>
如上代码段,很容易理解,
【走近Flex组件系列(六)(使用Form、FormHeading、FormItem布局表单界面(登录界面示例)...)】另外上面还通过
与
推荐阅读
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- SwiftUI|SwiftUI iOS 瀑布流组件之仿CollectionView不规则图文混合(教程含源码)
- Vue组件之事件总线和消息发布订阅详解
- vue.js组件开发
- TCP组件设计篇(详细设计)
- Spring注解05|Spring注解05 @Import 给容器快速导入一个组件