`

flex mx:Form

    博客分类:
  • flex
阅读更多

<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>

 

 

分享到:
评论

相关推荐

    Flex 完全自学手册

    &lt;mx:Panel width="262" height="291" layout="absolute" title="ʹԃMXML¶¨ӥة¼�&lt;mx:FormItem label="ѕ Ļ" x="17.5" y="70" width="206"&gt; &lt;mx:TextInput id="sName" width="127"/&gt; &lt;/mx:FormItem&gt; &lt;mx:...

    flex增加功能模型

    通常,这会涉及一个表单组件让用户输入书的信息,如`mx:Form`,然后通过事件监听器将输入的数据转换为`Book`对象并添加到`books`集合中。例如: ```mxml &lt;mx:Form id="addBookForm"&gt; &lt;mx:FormItem label="书名"&gt; ...

    Flex 特效2-缩放模糊效果

    &lt;mx:FormItem label="CenterY"&gt; &lt;mx:HSlider id="centerYSlider" minimum="0" maximum="266" value="150" change="setShader();" liveDragging="true"/&gt; &lt;/mx:FormItem&gt; &lt;mx:FormItem label="Enable"&gt; ...

    flex开发自定义控件

    &lt;mx:Form width="248" height="100" label="Button" x="10" y="10"&gt; &lt;mx:FormItem label="用户名" fontSize="12"&gt; &lt;mx:TextInput id="username" width="158" height="28" fontSize="15" textAlign="left"/&gt; &lt;/mx...

    flex form 验证(转)

    本文将深入探讨“flex form 验证”这一主题,结合给出的文件名,我们来详细讲解Flex中表单验证的相关知识点。 `Flex`是一种基于`ActionScript`和`Flash Player`或`Adobe AIR`运行时的开源框架,主要用于构建富...

    grails和flex的集成手册

    &lt;mx:FormItem horizontalAlign="right" width="100%"&gt; &lt;mx:Button label="Add Customer"/&gt; &lt;/mx:FormItem&gt; &lt;/mx:Form&gt; &lt;/mx:Panel&gt; &lt;/mx:Application&gt; ``` 该示例中的代码定义了一个包含两个输入字段(姓名和姓氏)...

    Flex实例,form表单

    xmlns:mx="library://ns.adobe.com/flex/mx"&gt; &lt;s:Form&gt; &lt;s:FormItem label="姓名"&gt; &lt;s:TextInput id="nameField"/&gt; &lt;/s:FormItem&gt; &lt;s:FormItem label="邮箱"&gt; &lt;s:TextInput id="emailField"/&gt; &lt;/s:Form...

    flex quick starts

    Flex允许通过CSS或`mx.styles.StyleManager`类来自定义工具提示的样式。下面是一个自定义样式的例子: ```xml &lt;mx:Style&gt; ToolTip { fontFamily: "Arial"; fontSize: 19; fontStyle: "italic"; color: #FFFFFF...

    Flex4.0自定义控件

    &lt;mx:Form width="248" height="100" label="Button" x="10" y="10"&gt; &lt;mx:FormItem label="用户名"&gt; &lt;mx:TextInput id="username" width="158" height="28" textAlign="left"/&gt; &lt;/mx:FormItem&gt; &lt;mx:FormItem ...

    了解 flex State对象

    &lt;mx:FormItem id="confirm" label="Confirm:"&gt; &lt;mx:TextInput/&gt; &lt;/mx:FormItem&gt; &lt;/mx:target&gt; &lt;/mx:AddChild&gt; &lt;/mx:State&gt; &lt;/mx:states&gt; ``` 在这个状态中,当状态切换到“Register”时,一个新的FormItem组件...

    Flex开发自定义控件

    &lt;mx:Form width="248" height="100" label="Button" x="10" y="10"&gt; &lt;mx:FormItem label="用户名"&gt; &lt;mx:TextInput id="username" width="158" height="28" textAlign="left"/&gt; &lt;/mx:FormItem&gt; &lt;mx:FormItem ...

    Flex基础培训-5-[数据验证

    在Flex中,可以通过&lt; mx:FormItem &gt;和&lt; mx:TextInput &gt;等组件来实现带有数据验证的表单界面。例如,以下代码段表示了一个带有城市字段的表单项,其中"required=true"表示该字段是必填项,但这个属性只是在界面上显示...

    Flex使用弹出窗口为DataGrid添加新数据

    &lt;mx:Form&gt; &lt;!-- 添加表单字段,如文本输入框 --&gt; &lt;/mx:Form&gt; &lt;mx:HBox&gt; &lt;mx:Button label="取消"/&gt; &lt;mx:Button label="添加" click="addData()"/&gt; &lt;/mx:HBox&gt; &lt;/mx:TitleWindow&gt; ``` 接下来,我们讨论如何在...

    Flex 选项卡的实现

    每个选项卡都对应一个子组件,可以是任何类型,如`Canvas`、`Form`等。我们可以直接在`TabNavigator`中定义这些子组件,每个子组件前加上`&lt;mx:Tab&gt;`标签,例如: ```xml &lt;mx:TabNavigator&gt; &lt;mx:Tab label="选项...

    Flex数据显示与数据验证

    &lt;mx:FormItem required="true"&gt; &lt;s:Label text="小时数" id="lblHours"/&gt; &lt;s:TextInput id="hourInput" width="148"/&gt; &lt;/mx:FormItem&gt; &lt;mx:NumberValidator id="hourValidator" precision="2" allowNegative=...

    Flex使用视图状态(View States)笔记

    &lt;mx:FormItem id="confirm" label="Confirm:"&gt; &lt;mx:TextInput /&gt; &lt;/mx:FormItem&gt; &lt;/mx:AddChild&gt; &lt;!-- Set properties on the Panel container and Button control --&gt; &lt;mx:SetProperty target="{loginPanel}...

    flex_教程.doc

    &lt;mx:FormItem label="Subscriptions:" width="100%"&gt; &lt;mx:List id="userSubscriptions" rowCount="3" allowMultipleSelection="true" width="100%" dataProvider="{subscriptions}" /&gt; &lt;/mx:FormItem&gt; ``` ...

    Flex3 界面布局教程

    ### Flex3 界面布局教程知识点详解 #### Canvas Layout 容器 Canvas 是 Flex 中一个非常基础且重要的布局容器,它允许开发者通过精确控制子元素的位置来构建界面。Canvas 容器本身定义了一个矩形区域,可以在此区域...

Global site tag (gtag.js) - Google Analytics