<mx:Form width="100%" height="100%" labelWidth="80">
单选按钮:
<mx:FormItem label="類型">
<mx:HBox>
<mx:RadioButtonGroup id="baseLineType" />
<mx:RadioButton group="{baseLineType}" value="a" label="上基線"/>
<mx:RadioButton group="{baseLineType}" value="b" label="下基線"/>
<mx:RadioButton group="{baseLineType}" value="c" label="上、下基線" selected="true"/>
</mx:HBox>
</mx:FormItem>
下接列表框:
<mx:FormItem label="粒度">
<mx:ComboBox id="slice_type" dataProvider="{sli}" />
</mx:FormItem>
文本框:
<mx:FormItem label="比例">
<mx:TextInput id="effect_ratio" restrict="0-9" width="97"/>
</mx:FormItem>
多选框:
<mx:FormItem label="特殊值">
<mx:HBox>
<mx:CheckBox id="z" label="0值"/>
<mx:CheckBox id="n" label="空值"/>
<mx:CheckBox id="m" label="最小值"/>
<mx:CheckBox id="ma" label="最大值"/>
</mx:HBox>
</mx:FormItem>
</mx:Form>
mx:Form 配合其它的标签一起使用,控制子结点的样式。
1.必填选项:<mx:FormItem label="編碼" required="true">
<s:TextInput id="add_Code"/>
</mx:FormItem>
2.时间:
<mx:FormItem label="實測時間:" required="true" direction="horizontal">
<mx:DateField id="atime" width="124" formatString="YYYY-MM-DD" text="{Info.atime}"/>
</mx:FormItem>
3.是否显示:
<mx:FormItem label="分組" id="groupVis" includeInLayout="false" visible="false">
<s:TextInput width="150" id="gName"/>
</mx:FormItem>
分享到:
相关推荐
<mx:Panel width="262" height="291" layout="absolute" title="ʹԃMXML¶¨ӥة¼�<mx:FormItem label="ѕ Ļ" x="17.5" y="70" width="206"> <mx:TextInput id="sName" width="127"/> </mx:FormItem> <mx:...
通常,这会涉及一个表单组件让用户输入书的信息,如`mx:Form`,然后通过事件监听器将输入的数据转换为`Book`对象并添加到`books`集合中。例如: ```mxml <mx:Form id="addBookForm"> <mx:FormItem label="书名"> ...
<mx:FormItem label="CenterY"> <mx:HSlider id="centerYSlider" minimum="0" maximum="266" value="150" change="setShader();" liveDragging="true"/> </mx:FormItem> <mx:FormItem label="Enable"> ...
<mx:Form width="248" height="100" label="Button" x="10" y="10"> <mx:FormItem label="用户名" fontSize="12"> <mx:TextInput id="username" width="158" height="28" fontSize="15" textAlign="left"/> </mx...
本文将深入探讨“flex form 验证”这一主题,结合给出的文件名,我们来详细讲解Flex中表单验证的相关知识点。 `Flex`是一种基于`ActionScript`和`Flash Player`或`Adobe AIR`运行时的开源框架,主要用于构建富...
<mx:FormItem horizontalAlign="right" width="100%"> <mx:Button label="Add Customer"/> </mx:FormItem> </mx:Form> </mx:Panel> </mx:Application> ``` 该示例中的代码定义了一个包含两个输入字段(姓名和姓氏)...
xmlns:mx="library://ns.adobe.com/flex/mx"> <s:Form> <s:FormItem label="姓名"> <s:TextInput id="nameField"/> </s:FormItem> <s:FormItem label="邮箱"> <s:TextInput id="emailField"/> </s:Form...
Flex允许通过CSS或`mx.styles.StyleManager`类来自定义工具提示的样式。下面是一个自定义样式的例子: ```xml <mx:Style> ToolTip { fontFamily: "Arial"; fontSize: 19; fontStyle: "italic"; color: #FFFFFF...
<mx:Form width="248" height="100" label="Button" x="10" y="10"> <mx:FormItem label="用户名"> <mx:TextInput id="username" width="158" height="28" textAlign="left"/> </mx:FormItem> <mx:FormItem ...
<mx:FormItem id="confirm" label="Confirm:"> <mx:TextInput/> </mx:FormItem> </mx:target> </mx:AddChild> </mx:State> </mx:states> ``` 在这个状态中,当状态切换到“Register”时,一个新的FormItem组件...
<mx:Form width="248" height="100" label="Button" x="10" y="10"> <mx:FormItem label="用户名"> <mx:TextInput id="username" width="158" height="28" textAlign="left"/> </mx:FormItem> <mx:FormItem ...
在Flex中,可以通过< mx:FormItem >和< mx:TextInput >等组件来实现带有数据验证的表单界面。例如,以下代码段表示了一个带有城市字段的表单项,其中"required=true"表示该字段是必填项,但这个属性只是在界面上显示...
<mx:Form> <!-- 添加表单字段,如文本输入框 --> </mx:Form> <mx:HBox> <mx:Button label="取消"/> <mx:Button label="添加" click="addData()"/> </mx:HBox> </mx:TitleWindow> ``` 接下来,我们讨论如何在...
每个选项卡都对应一个子组件,可以是任何类型,如`Canvas`、`Form`等。我们可以直接在`TabNavigator`中定义这些子组件,每个子组件前加上`<mx:Tab>`标签,例如: ```xml <mx:TabNavigator> <mx:Tab label="选项...
<mx:FormItem required="true"> <s:Label text="小时数" id="lblHours"/> <s:TextInput id="hourInput" width="148"/> </mx:FormItem> <mx:NumberValidator id="hourValidator" precision="2" allowNegative=...
<mx:FormItem id="confirm" label="Confirm:"> <mx:TextInput /> </mx:FormItem> </mx:AddChild> <!-- Set properties on the Panel container and Button control --> <mx:SetProperty target="{loginPanel}...
<mx:FormItem label="Subscriptions:" width="100%"> <mx:List id="userSubscriptions" rowCount="3" allowMultipleSelection="true" width="100%" dataProvider="{subscriptions}" /> </mx:FormItem> ``` ...
### Flex3 界面布局教程知识点详解 #### Canvas Layout 容器 Canvas 是 Flex 中一个非常基础且重要的布局容器,它允许开发者通过精确控制子元素的位置来构建界面。Canvas 容器本身定义了一个矩形区域,可以在此区域...