Flex中如何通过includeInLayout和visible属性设置Form显示隐藏

通过includeInLayout和visible属性设置 属性释放真正隐藏

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application name="FormItem_includeInLayout_test" 
        xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Style> 
        Form { 
            indicatorGap: 0; 
            paddingLeft: 0; 
            paddingRight: 0; 
            paddingTop: 0; 
            paddingBottom: 0; 
        } 
    </mx:Style> 
  
    <mx:ApplicationControlBar dock="true"> 
        <mx:Button id="bccButton" 
                label="Show BCC" 
                toggle="true" 
                selected="false" /> 
        <mx:Button id="fromButton" 
                label="Show From" 
                toggle="true" 
                selected="false" /> 
    </mx:ApplicationControlBar> 
  
    <mx:HBox width="100%"> 
        <mx:Button id="sendButton" 
                label="Send" 
                height="100%" /> 
        <mx:Form width="100%"> 
            <mx:FormItem label="From:" 
                    includeInLayout="{fromButton.selected}" 
                    visible="{fromButton.selected}" 
                    width="100%"> 
                <mx:ComboBox id="fromComboBox" 
                        width="100%" /> 
            </mx:FormItem> 
            <mx:FormItem label="To:" width="100%"> 
                <mx:TextInput id="toTextInput" 
                        width="100%" /> 
            </mx:FormItem> 
            <mx:FormItem label="CC:" width="100%"> 
                <mx:TextInput id="ccTextInput" 
                        width="100%" /> 
            </mx:FormItem> 
            <mx:FormItem label="BCC:" 
                    includeInLayout="{bccButton.selected}" 
                    visible="{bccButton.selected}" 
                    width="100%"> 
                <mx:TextInput id="bccTextInput" 
                        width="100%" /> 
            </mx:FormItem> 
            <mx:FormItem label="Subject:" 
                    width="100%"> 
                <mx:TextInput id="subjectTextInput" 
                        width="100%" /> 
            </mx:FormItem> 
        </mx:Form> 
    </mx:HBox> 
  
    <mx:TextArea id="bodyTextArea" 
            width="100%" 
            height="100%" /> 
  
</mx:Application>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值