真才实料才是最真

Flex学习进阶-使用和其他元件关联

首先在设计模式下拖拽出需要演示效果的FLEX组件其中包括ComboBox,Button,Panel,Label 将其排列整齐，方便自己看就可以了，代码如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Panel  title="ComboBox" width="402" height="188" x="90.5" y="79" layout="absolute">
        <mx:ComboBox id="myComboBox" width="171" x="10" y="10">
        </mx:ComboBox>
        <mx:Button id="myButton" label="Send"  x="200" y="10"/>
        <mx:Label id="myText" maxWidth="20"  width="244" height="23" y="60" x="10" />
    </mx:Panel>
</mx:Application>

下面为添加内容并且将其改变后的值与Label属性值进行绑定
为ComboBox添加内容
        <mx:ComboBox id="myComboBox" width="171" x="10" y="10">
            <mx:dataProvider>
                <mx:Array>
                    <mx:String>ComboBox1</mx:String>
                    <mx:String>ComboBox2</mx:String>
                    <mx:String>ComboBox3</mx:String>
                </mx:Array>
            </mx:dataProvider>
        </mx:ComboBox>
将两个进行连接：
<mx:Label id="myText" maxWidth="20"  width="244" height="23" y="60" x="10"  text="{myComboBox.value}"/>
可以在这个时候发布一下看看效果。因为下面会有一些其他效果要体现。
有人会问到我要取的值不是ComboBox1，ComboBox2，ComboBox3怎么办，当然有方法了，需要修改String为Object,再将其data属性为你想要取出的值，改变如下：
            <mx:dataProvider>
                <mx:Array>
                    <mx:Object label="ComboBox1" data="1" />
                    <mx:Object label="ComboBox2" data="2" />
                    <mx:Object label="ComboBox3" data="3" />
                </mx:Array>
            </mx:dataProvider>
再次发布看看这次取的是不是data的值呀。
呦，我们的按钮还没有用上呢，你发现了没有，这回要用上代码了ActionScript3.0哦。给大家秀一下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            import flash.events.MouseEvent;

            public function show(event:MouseEvent):void{
                myText.text = String(myComboBox.value);
            }
        ]]>
    </mx:Script>
    <mx:Panel  title="ComboBox" width="402" height="188" x="90.5" y="79" layout="absolute">
        <mx:ComboBox id="myComboBox" width="171" x="10" y="10">
            <mx:dataProvider>
                <mx:Array>
                    <mx:Object label="ComboBox1" data="1" />
                    <mx:Object label="ComboBox2" data="2" />
                    <mx:Object label="ComboBox3" data="3" />
                </mx:Array>
            </mx:dataProvider>
        </mx:ComboBox>
        <mx:Button id="myButton" label="Send"  x="200" y="10" click="show(event);"/>
        <mx:Label id="myText" maxWidth="20"  width="244" height="23" y="60" x="10" />
    </mx:Panel>
</mx:Application>

posted on 2007-09-10 15:31 gavinkin555 阅读(270) 评论(0)  编辑 收藏 引用 所属分类: FLEX