Adobe
Products
Acrobat
Creative Cloud
Creative Suite
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
Student and Teacher Editions
More products
Solutions
Creative tools for business
Digital marketing
Digital media
Education
Financial services
Government
Web Experience Management
More solutions
Learning Help Downloads Company
Buy
Home use for personal and home office
Education for students, educators, and staff
Business for small and medium businesses
Licensing programs for businesses, schools, and government
Special offers
Search
 
Info Sign in
Welcome,
My cart
My orders My Adobe
My Adobe
My orders
My information
My preferences
My products and services
Sign out
Why sign in? Sign in to manage your account and access trial downloads, product extensions, community areas, and more.
Adobe
Products Sections Buy   Search  
Solutions Company
Help Learning
Sign in Sign out My orders My Adobe
Preorder Estimated Availability Date. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change. Preorder Estimated Availability Date. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.
Qty:
Purchase requires verification of academic eligibility
Subtotal
Review and Checkout
Adobe Developer Connection / Flex Developer Center /

Developing interfaces for RIAs: Displaying data using the DataGrid control with Flex

by Adobe Customer Training/Partner Enablement Group

Adobe Customer Training/Partner Enablement Group

Modified

5 November 2007

Page tools

Share on Facebook
Share on Twitter
Share on LinkedIn
Bookmark
Print
design Flex

Requirements

Prerequisite knowledge

Some familiarity with Flex

User level

Beginning

Additional Requirements

Flex Builder 3

  • Download
  • Learn more

Download the lesson and sample code

  • dataGrid.pdf (PDF, 375K) - The lesson in PDF format
  • dataGridStudentFiles.zip (ZIP, 12MB) - The sample code referred to in the walkthroughs

Installation instructions

  1. Unzip the file dataGridStudentFiles.zip to the root of the C: drive.

    Note: The zip will install files to the C:\adobeTraining\flex3 directory.

  2. In Flex Builder 3 select File > Switch Workspace ...
  3. Select the C:\adobeTraining\flex3\dataGridStudentFiles\_workspace folder.

Note: This article was created based on the Flex 3 beta releases. Minor changes in the description and code may be necessary before it can be applied to Flex 3.

This chapter is taken from the authorized Flex curriculum built by Adobe Customer Training/Partner Enablement courses that focus on developing the user interface for rich Internet applications (RIAs).

In this chapter, you will focus on using the DataGrid control. This control has the capability to display complex data in rows and columns and is customizable. In particular, you will learn about the following topics:

  • Using the DataGrid control
  • Specifying DataGrid columns
  • Formatting DataGrid columns
  • Using item renderers and item editors

This chapter has a PDF document which has content and walkthrough steps.  The walkthroughs are hands-on activities that you complete in Flex. These walkthroughs are key to learning and should be done as you encounter them in the text. The files used in the walkthroughs are contained in the ZIP file. Follow the instructions below to unzip and install the files. This chapter assumes you have installed Flex Builder 3.

More Like This

  • Innovating the Flash CS3 and Flex 3 workflow
  • Skinning a Flex 4 desktop application with MXML graphics
  • Effects in Adobe Flex 4 – Part 1: Basic effects
  • Effects in Adobe Flex 4 – Part 2: Advanced graphical effects
  • Working with dynamic skin parts in Flex
  • Flex 3 in Action book excerpt: Introduction to pop-ups
  • Hello! Flex 4 book excerpt: FXG and MXML graphics—Building a game
  • Foundation Flex for Designers excerpt: Flex with Photoshop and Illustrator
  • Foundation Flex for Designers excerpt: Flex Builder and Flash
  • AdvancED Flex 3 excerpt: Sculpting interactive business intelligence interfaces

Tutorials & Samples

Tutorials

  • Flex mobile performance checklist
  • Flex and Maven with Flexmojos – Part 3: Journeyman
  • Migrating Flex 3 applications to Flex 4.5 – Part 4

Samples

  • Twitter Trends
  • Flex 4.5 reference applications
  • Mobile Trader Flex app on Android Market

Flex User Forum

More
07/25/2011 Flash Player Debug Issues - Safari 5.1 & Chrome 13
04/22/2012 Loader png - wrong color values in BitmapData
04/22/2012 HTTPService and crossdomain.xml doesn't work as expected
04/23/2012 Memory related crashes in Flex application

Flex Cookbook

More
04/06/2012 How to detect screen resize with a SkinnableComponent
02/29/2012 Embed Stage3D content inside Flex application components
02/15/2012 Custom WorkFlow Component
02/09/2012 Using Camera with a MediaContainer instead of VideoDisplay

Products

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • Mobile Apps
  • Photoshop
  • Touch Apps
  • Student and Teacher Editions

Solutions

  • Digital marketing
  • Digital media
  • Web Experience Management

Industries

  • Education
  • Financial services
  • Government

Help

  • Product help centers
  • Orders and returns
  • Downloading and installing
  • My Adobe

Learning

  • Adobe Developer Connection
  • Adobe TV
  • Training and certification
  • Forums
  • Design Center

Ways to buy

  • For personal and home office
  • For students, educators, and staff
  • For small and medium businesses
  • For businesses, schools, and government
  • Special offers

Downloads

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

Company

  • News room
  • Partner programs
  • Corporate social responsibility
  • Career opportunities
  • Investor Relations
  • Events
  • Legal
  • Security
  • Contact Adobe
Choose your region United States (Change)
Choose your region Close

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy Policy and Cookies (Updated)

Ad Choices

Reviewed by TRUSTe: site privacy statement