Logo
programming4us
programming4us
programming4us
programming4us
Home
programming4us
XP
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server
programming4us
Windows Phone
 
Windows Vista

Adobe Flash Catalyst CS5 : Binding the Data to the Visual Component

- Windows 10 Product Activation Keys Free 2019 (All Versions)
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
8/8/2012 3:18:56 PM
The final step in getting the data into the component is binding the data returned from the service to the component that will display it.
  1. If necessary, open Main.mxml by double-clicking it in the Package Explorer in Flash Builder.

  2. If necessary, click Design to view the file in Design mode (see Figure 1).

  3. Check the States view in the top-right corner of the screen to ensure that you are in the HomeState.

  4. Click on the data list component created in Catalyst.

    Figure 1. Viewing the main project file's home state in Design mode, with the data list component selected
  5. In the Data/Services view, click the Bind to Data button (see Figure 2). You can also drag the getAllMagazines operation from the Data/Services view and drop it on the list.

    In Catalyst, you assigned sample data to the control. Flash Builder now needs to replace that dummy data with the real information from the service, so it will display a warning message confirming that you want to perform this operation.

    Figure 2. The Bind control to data button in the Data/Services view
  6. Click OK. A dialog box appears (see Figure 3).

  7. Confirm that the correct operation is being used. The dialog box should already be filled out correctly, but if necessary, you can select the MagazineList service and getAllMagazines operation (see Figure 4).

  8. Flash Builder will want to automatically assign the data to a label, but click in the drop-down and select the empty option. This enables you to use a custom component to display the data.

  9. Click OK.

    Figure 3. The warning that the dummy data is going to be replaced
    Figure 4. The Bind to Data dialog
  10. Right-click the data list control on the page and select Generate Details Form. Another wizard launches that will enable you to set up the custom renderer for the data.

  11. Ensure that the Magazines data type is selected, and that the Make form editable option is not (see Figure 5).

  12. Click Next. The wizard displays the data being returned by the service.

    Figure 5. The first step in the Generate Form wizard
  13. Remove the checkmark in the box next to magazineID, as you do not want to display this.

  14. Ensure that magazine_title and price are set to Text controls, while cover_picture is set to Image (see Figure 6).

  15. Click Finish. The form generated by the wizard is placed in the list.

  16. Click each text control and use the Properties view to adjust the font settings as desired.

Figure 6. Configuring the display types

Figure 7. The completed data list, bound to live data from the server
Other -----------------
- Adobe After Effects CS5 : Building a 3D object (part 2)
- Adobe After Effects CS5 : Building a 3D object (part 1)
- Creating Basic Windows Images : Deploying Custom Images
- Creating Basic Windows Images : Capturing Custom Images
- Adobe Flash Professional CS5 : Importing Graphics - Importing Photoshop and Illustrator Files
- Adobe Flash Professional CS5 : Importing Graphics - Setting Photoshop Import Preferences
- Adobe InDesign CS5 : Creating and Running Scripts
- Adobe InDesign CS5 : Using Scripts - Exploring VBA
- Dreamweaver CS5 : Standard Server Behaviors (part 6) - Stored procedure/command/callable
- Dreamweaver CS5 : Standard Server Behaviors (part 5) - Dynamic elements
 
 
Top 10
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
Popular tags
Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 windows Phone 7 windows Phone 8
programming4us programming4us
Celebrity Style, Fashion Trends, Beauty and Makeup Tips.
 
programming4us
Windows Vista
programming4us
Windows 7
programming4us
Windows Azure
programming4us
Windows Server