Flex 3: problème de code-

Question

J'ai une certaine VBox avec le bouton. Je veux que mon bouton change l'étiquette après avoir cliqué dessus. J'essaie d'utiliser la pratique de code-behind mais l'instance du bouton est toujours nulle. Il y a le 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> 

Qu'est-ce que je fais mal? Et comment le faire correctement? Merci

Answer 1

Je ne le fais pas très souvent dans flex, mais je pense que vous voulez quelque chose comme ceci:

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