Flex 3: Code-Behind Problem

Question

Ich habe einige VBox mit Knopf. Ich möchte, dass meine Schaltfläche das Label ändert, nachdem Sie darauf geklickt haben. Ich versuche, die Code-Behind-Praxis zu verwenden, aber die Instanz der Schaltfläche ist immer null. Es gibt Code:

package TestPackage 
{ 
    import mx.containers.VBox; 
    import mx.controls.Button; 
    public class ControlsBox extends VBox 
    { 
     [Bindable] 
     public var btnPlay : Button; 
     public function ControlsBox() 
     { 
      super(); 
     } 
     override protected function childrenCreated():void 
     { 
      super.childrenCreated(); 
     } 
     public function ChangeImage():void 
      { 
       btnPlay.label = "a"; 
      } 
    } 
} 

Here is mxml: 
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:controls="TestPackage.*"> 
<controls:ControlsBox id="ctrlVBox"> 
     <mx:Button id="btnPlay" click="this.ctrlVBox.ChangeImage();" label="c"></mx:Button> 
</controls:ControlsBox> 
</mx:Application> 

Was mache ich falsch? Und wie geht das richtig? Dank

Answer 1

ich dies nicht tun sehr oft in flex, aber ich denke, Sie so etwas wie dies wollen:

<controls:ControlsBox id="ctrlVBox"> 
    <controls:btnPlay> 
     <mx:Button click="this.ctrlVBox.ChangeImage();" label="c"></mx:Button> 
    </controls:btnPlay> 
</controls:ControlsBox>