Accessibility
Trilemetry, Inc.

Trilemetry, Inc.

Table of Contents

  1. Introduction
  2. Configuring the data return type
  3. Binding data to a DataGrid control
  4. Binding data to a PieChart control
  5. Binding the PieChart and DataGrid controls to the same data instance
Created:
1 June 2009
User Level:
All
Products:
Flex
ColdFusion

Binding ColdFusion data to Flex UI components with Adobe Flash Builder 4 beta

Note: This tutorial was created based on ColdFusion 8 and Flash Builder 4 beta 1. Though it still applies to ColdFusion 9, minor changes in the description and code may be necessary before it can be applied to Flash Builder 4 beta 2.

Adobe Flash Builder 4 beta, formerly known as Flex Builder, has a very simple interface for binding server-side data to Flex framework UI controls. Using Design mode, you can drag and drop components to create a layout and bind the data. In a matter of minutes, you will have a dynamically populated application without writing any code.

In this tutorial, you will learn how to use DataGrid and PieChart controls and bind them to the data returned from a ColdFusion Component (CFC) function. You will also learn how to synchronize the data in the two controls.

Requirements

In order to make the most of this article, you need the following software:

ColdFusion 9

Flash Builder 4 beta

Prerequisite knowledge

In order to complete this tutorial successfully, be sure to set up and test your environment as outlined in Getting started with ColdFusion and Flash Builder 4 beta:

  1. Set up the sample database and ColdFusion data source.
  2. Set up a Flash Builder data service project.
  3. Create a Flash Builder data service to connect to a CFC.

You can skip the steps above if you have already successfully completed any other tutorial in this series.

This tutorial is intended for:

  • Developers who are exploring tutorials in the Flex and ColdFusion mini learning center that are based on the Fictitious Sales Planner example
  • Experienced ColdFusion developers without previous Adobe Flex framework or Adobe Flash Builder 4 beta experience
  • ColdFusion developers who are familiar with ColdFusion components
Page 1 of 5
Next Page

About the author

Trilemetry, Inc is a development and education organization that implements a human-centered design approach to the creation of software and content. Their Adobe portfolio includes the Adobe ColdFusion Getting Started Experience, the Adobe Flex Getting Started Experience, the Flex in a Week video series, the official Adobe instructor-led training course Flex 3: Extending and Styling Components and more. They also create and support many Web applications from interactive Flash sites and corporate web sites to mission-critical business applications.