Comprendre le binding

Dernière mise à jour le par igloobuster .

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

    <mx:Label text="{testBinding}" /> <!-- {variable} indique que nous écoutons variable, cela peut etre une méthode par exemple : a + b ou a.toString ()... -->

    <mx:TextInput id="input" />

    <mx:Binding source="input.text" destination="testBinding" /> <!-- bind la propriété text de notre TextInput à notre variable -->

    <!-- on peut aussi ne pas passer par un variable -->

    <mx:Label text="{input.text}" /> <!-- ici on se bind directement à l'attribut text de notre TextInput -->

    <!-- Un autre exemple -->

    <mx:HSlider minimum="-100" maximum="100" value="0" id="vSlide" snapInterval="1"/>

    <mx:Label text="{vSlide.value}" />

    <!-- Binding avec du code : -->

    <mx:HSlider minimum="-100" maximum="100" value="0" id="vSlide2" snapInterval="1"/>

    <mx:Label text="{(vSlide.value + vSlide2.value) % 100}" />

    <mx:Script>

        <![CDATA[

            [Bindable * // [Bindable] indique que nous pouvons nous abonner au changement de cette variable.

            public var testBinding : String = "";

         * ]>

    </mx:Script>

</mx:Application>

Adresse d'origine

Ce document intitulé « Comprendre le binding » issu de CodeS SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Rejoignez-nous