Macromedia flex builder-using flex builder User Manual

Page of 158
64
Chapter 2:  Flex Builder Tutorials
4.
Save the GridView.mxml file.
5.
Switch to the flexstore.mxml file.
6.
In Code view, locate the 
<local:GridView>
 tag and add the following property (shown in 
bold type):
<local:GridView xmlns:local="*" id="gridView" dataObject="{catalog}" />
You created the dataObject property in step 2 above to pass the catalog data to the component, 
where it’s used in the DataGrid control (see step 3 above).
7.
Save the flexstore.mxml file.
8.
Make sure the Flex server is running and then press F12 to test the flexstore.mxml file in a 
browser.
If the thumbnail view is showing, switch views by clicking the grid view button at the lower 
edge of the catalog. The catalog should now display the actual product data, as follows: