Simple Task - Syntax Question (how do you pass variables from one component to another component - databinding)?

Question

Hi all,
I'm trying to pass some width/height/URLs from a Video Player component to a Social Bookmarking component's embed text input field. (for people to grab and share videos).
I know this is a simple task, but it's the end of the day and I seem to be having a brain failure... What's the syntax to achieve this? Do I have to import the video player component? These widths/heights/URLs are all being dynamically generated from an XML... should I be pulling it from the XML or just reuse the variables that already exist in the Video Player component?
Here's my code...
Video Player:
[Bindable]
public var source:String = "";
[Bindable]
public var autoPlay:Boolean = false;
[Bindable]
public var fullScreenMode:Boolean = false;
[Bindable]
public var clipTag:String = "_movie";
[Bindable]
public var iag_code:String = "";
[Bindable]
public var officialURL:String = "http://www.movies.com/";
[Bindable]
public var referer:String = "unknown";
[Bindable]
public var gID:String;
[Bindable]
public var starterImageURL:String = 'http://www.movies.com/jazzmaster/images/default_starter_image.
[Bindable]
public var oldWidth:Number;
[Bindable]
public var oldHeight:Number;
Sharing Component:
<mx:HBox
  height="10%"
  horizontalCenter="-25"
  verticalCenter="0"
  paddingBottom="5">
  <mx:Text text="Embed Code:" paddingTop="1" color="#FFFFFF" fontSize="12"/>
  <mx:TextInput  text="{oldWidth}"/>
</mx:HBox>
The code above throws an error... "Attempted access of inaccessible property oldWidth through a reference with a static type com:SharingBookmarks."
Thanks all!
DK

Answer 1

Try this..
create a new flex project and add a folder called "src"
create a new MXML component named "VideoComp.mxml" and copy/paste
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script>
<![CDATA[
[Bindable]
public var videoWidth:int = 300;
[Bindable]
public var videoHeight:int = 300;
]]>
</mx:Script>
<mx:Label text="Vidoe" />
<mx:TextInput text="{videoWidth}" id="w" change="this.videoWidth = int(w.text);" />
<mx:TextInput text="{videoHeight}" id="h" change="this.videoHeight = int(h.text);" />
</mx:VBox>
create a new MXML component named, "SharingComp.mxml" add copy/paste this..
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Script>
<![CDATA[
[Bindable]
public var videoWidth:int;
[Bindable]
public var videoHeight:int;
]]>
</mx:Script>
<mx:Label text="Sharing Comp." />
<mx:Label text="{videoWidth}" />
<mx:Label text="{videoHeight}" />
</mx:VBox>
and here is the main.mxml file
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:src="src.*">
    <mx:Script>
        <![CDATA[
            private function doSomething():void
             sharingComp.videoHeight = videoComp.videoHeight;
             sharingComp.videoWidth = videoComp.videoWidth;
        ]]>
    </mx:Script>
   <src:VideoComp id="videoComp" />
   <mx:Button click="doSomething()" label="copy" />
   <src:SharingComp id="sharingComp" />
</mx:Application>
Hope this helps,
BaBo,