Flex简单面板HDivider盒

时间:2011-11-19 11:44:56

标签: flash actionscript-3 flex panel

我开始学习Flex。我有一个疑问。

我有一个Hdivider盒子里面有3个面板。现在,第1和第3个面板在其标题位置有一些图标,以使面板最小化和最大化。

目前,当我点击第3个面板的图标时,第3个面板最小化,但第1个和第2个面板之间的分隔框也向右滚动。我只希望中间,即第二个面板在最小化第三个面板时展开,让第一个面板具有原始宽度(不希望面板1展开)

我该怎么做?


DateFieldValidation.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600"
                creationComplete="init();">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.validators.Validator;
            public var array:Array;

            public function init():void 
            {
                array = new Array();
                array.push(stringDateV);
                array.push(stringValidate);
            }

            public function validateboth(event:MouseEvent):void 
            {
                var arrayString:Array = Validator.validateAll(array);
                var isError = arrayString.length == 0;
                if(isError) {
                    Alert.show("no error");
                }
                else 
                {
                    Alert.show("Error is present");
                }
            }
        ]]>
    </mx:Script>
    <mx:Form>
        <mx:DateField id="dateInput"/>
        <mx:TextInput id="tip" width="50"/>
        <mx:FormItem>
            <mx:Button label="Check Date" click="validateboth(event)"/>   
        </mx:FormItem>
    </mx:Form>

    <mx:DateValidator id="stringDateV" 
                      source="{dateInput}" property="text"/>

    <mx:StringValidator id="stringValidate" required="true"
                        source="{tip}" property="text"
                        requiredFieldError="Enter something"/>
</mx:Application>

使用键盘关闭弹出窗口的示例

http://blog.flexexamples.com/2008/08/04/closing-a-pop-up-window-using-the-keyboard-in-flex/


动态添加项目到ComboBox

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">

    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            public static var i:int = 3;

            public function addItemComboBox(event:MouseEvent):void 
            {
                i++;
                arr.addItem('Person'+[i]);
            }
        ]]>
    </mx:Script>



    <mx:ComboBox id="cmb" width="100" x="200" y="200" labelField="name">
        <mx:ArrayCollection id="arr">
            <mx:Object name="Person1"/>
            <mx:Object name="Person2"/>
            <mx:Object name="Person3"/>
        </mx:ArrayCollection>
    </mx:ComboBox>

    <mx:Button label="Click to Add Item" click="addItemComboBox(event)" width="170" x="200" y="150"/>
</mx:Application>

0 个答案:

没有答案