在flex 4中使用[Bindable]

Question

我只是不明白 [Bindable] 和更新标签

所以这是我的三个页面，请告诉我我做错了什么，因为当列表器将更新的变量发送到button2.mxml时，变量会更新，但标签不会更新重画它。

application.mxml

<s:WindowedApplication 
xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:comps="components.*"  
creationComplete="init();">

<fx:Script>
    <![CDATA[
        import mx.controls.Alert;

        public function init(){
        btn1.addEventListener(MouseEvent.MOUSE_OVER, myFunction);
        }
        public function myFunction(e:MouseEvent){
            var myPage:button2 = new button2();
            var ranNum = Math.floor(Math.random() * 40) + 10;
            myPage.myValue("ABC "+ranNum);
        }
    ]]>
</fx:Script>
<comps:button1 y="0" id="btn1" width="100"/>

<comps:button2 y="100" id="btn2" width="100"/>

按钮1.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="128" height="72">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:Button x="27" y="19" label="Button1" id="btn1" enabled="true"/>
</s:Group>

按钮2.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            [Bindable]
            public var myVal:String = "Button2";

            public function myValue(mV:String)
            {
                myVal = mV;
            }
        ]]>
    </fx:Script>
    <s:Button x="10" y="32" label="{myVal}" id="btn2" enabled="true"/>
</s:Group>

Answer 1

您的功能应该是：

public function myFunction(e:MouseEvent){
    var ranNum = Math.floor(Math.random() * 40) + 10;
    btn2.myValue("ABC " + String(ranNum));
}

在您拥有的功能中，您正在创建一个新按钮（不将其作为子项添加到任何内容）并在该按钮上设置标签，而不是在应用程序中已经定义的按钮。

您也不一定需要为 button2.mxml 中的标签提供 [Bindable] 变量，但这取决于您要完成的任务。您也可以在 myValue() 函数定义中执行 btn2.label = mV; 。

Answer 2

最简单的方法是删除 Button2.mxml 中 myVal 的设置器，然后像设置任何其他公共变量一样在 myFunction 中设置值：

myPage.myVal = "ABC " + ranNum;

您的代码当前无法工作的原因是您已经隐式覆盖了 myVal 设置器并且不调度数据更改事件，这就是绑定工作的原因。当您将 [Bindable] 元数据标记添加到变量时，编译器会自动为该变量生成一个 setter，并为您分配适当的事件。

希望有帮助。