Search:

Calendar:

Sun	Mon	Tue	Wed	Thu	Fri	Sat
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Subscribe:

Enter your email address to subscribe to this blog.

Archives By Subject:

Adobe (31) [RSS]
AIR (6) [RSS]
Ajax (3) [RSS]
Buzzword (1) [RSS]
CFUG (39) [RSS]
ColdFusion (65) [RSS]
Flash (5) [RSS]
Flex (37) [RSS]
Frameworks (2) [RSS]
Free Software (2) [RSS]
FXUG (21) [RSS]
General (33) [RSS]
JpgMetadataReader (3) [RSS]
jQuery (1) [RSS]
Mac (2) [RSS]
Off Topic (13) [RSS]
OpenSource (13) [RSS]
PaperVision (10) [RSS]
Spry (2) [RSS]

Tags:

adobe air ajax cfug coldfusion flash flex frameworks free software fxug general jpgmetadatareader mac off topic opensource papervision spry

Top Commenters:

[8] Campbell
[8] Ben Nadel
[6] Mark Flewellen
[6] Steve Bryant
[4] barry.b
[4] Raymond Camden
[3] Peter Bell
[2] Dan Wilson
[2] carlos
[2] riabook

My Links:

New Zealand Bloggers

Other Links

My Email:
djohnsmarie@gmail.com

RSS:

Binding of properties between sub components

Posted At : December 15, 2007 9:34 AM | Posted By : David
Related Categories: FXUG,Flex

On the NZ Flex UG list, (another) David posted this question.

In the process of testing what he outlined, I created a simple example, which I have posted here.

The point of this example is to show how you can declare "public" variables in a component, and then access those variables as properties form the component that uses it...

The example consists of 2 files:

FormExample.mxml (Application File)

Code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >

   <mx:Panel>
      
      <local:MyForm
         id="myForm"
         title="My Form"
         xmlns:local="*"
      />

      
      <mx:Button
         id="myButton"
         label="My Button: enabled is '{myButton.enabled.toString()}'"
         enabled="{myForm.formValid}"
      />

   </mx:Panel>

</mx:Application>

MyForm.mxml (in the root folder of the project)

Code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">

   <mx:Script>
      <![CDATA[
         /*
            Create property and expose it by declaring it as "public",
            and let the compiler know to make if bindable using the [Bindable] meta tag
         */
         [Bindable] public var formValid:Boolean = false;
      ]]>
   </mx:Script>
   
   <mx:Text text="Form is Currently {formValid == true ? 'Valid' : 'Invalid'}" />

   
   <mx:Button label="Toggle Form Valid" click="formValid = !formValid;" />

</mx:Panel>

Result:

My Flex Playing requires Adobe Flash Player 9. Get Adobe Flash..

Feel free to ask questions!

PS: There can NEVER be enough Davids!