Integrating Remote Shared Objects with Flex and Flash Communication Server

The Layout

The following example creates a DataGrid control that displays in 90% of the available horizontal and vertical space.

You can create the following MXML file and name it flexFCS_01.mxml, or you can open the solution file (flexFCS_01.mxml) available in the ZIP file that you downloaded in the Requirements section of this article.

Example 1: flexFCS_01.mxml

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" 
                     xmlns="*" 
                     creationComplete="initializeApplication(event)"> 

     <mx:Script> 
     <![CDATA[ 
             var myData:Array;
             function initializeApplication( event ) 
              { 

            //We are called by the creation complete event of the application tag 
            //Instantiate a new Array 
              myData = new Array(); 
              } 
     ]]> 
     </mx:Script> 
     <mx:DataGrid id="display_grid" dataProvider="{myData}" width="90%" height="90%"/> 
     <!--Created a DataGrid and bound the dataProvider to myData--> 
</mx:Application>

The example specifies the dataProvider property for the DataGrid control as a variable named myData. In the creationComplete event of the <mx:Application> tag, the example calls initializeApplication, which instantiates myData as an instance of Array.

When you run this example, you a DataGrid control and other information displays. Next, you will add the functionality.

Page 3 of 7

Previous Page

Next Page