Macromedia Flex Macromedia Flex
Simple DataGrid with XML data
  Home

Nov 29, 2006 - Simple DataGrid with XML data
Uses dataField to specify data

A simple DataGrid example that uses XML as the dataProvider.

Tracy

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete="initApp()">
<mx:Script><![CDATA[
  import mx.collections.XMLListCollection;
  import mx.controls.Alert;
 
  [Bindable]
 private var _xlcDP:XMLListCollection;
 
 public function initApp():void
 {
    var xmlDP:XML =
    <data>
      <title album="The Lost Chord" artist="The Moody Blues" price="15.99" >
        <albumart>true</albumart>
      </title>
      <title album="Meddle" artist="Pink Floyd" price="17.99" >
        <albumart>false</albumart>
      </title>
      <title album="Trespass" artist="Genesis" price="18.99" >
        <albumart>true</albumart>
      </title>
    </data> 
    _xlcDP = new XMLListCollection(xmlDP.title);
 }//initApp

 
]]></mx:Script>

<mx:VBox>
 <mx:DataGrid id="dgSource" dataProvider="{_xlcDP}"
     editable="true" >
    <mx:columns>
      <mx:Array>
        <mx:DataGridColumn headerText="Album" dataField="@album"  />
        <mx:DataGridColumn headerText="Artist" dataField="@artist" />
        <mx:DataGridColumn headerText="Price" dataField="@price" />
        <mx:DataGridColumn headerText="Artwork?" dataField="albumart" />
       </mx:Array>
    </mx:columns>
  </mx:DataGrid>
</mx:VBox>
</mx:Application>

 

File Details
Created On Nov, 29, 2006 by Tracy Spratt
Last Modified On Nov, 29, 2006 by Tracy Spratt
Group: Tips and Articles
Flex Versions: 2.0
Category: Controls:Lists (eg DataGrid/Tile/Tree)
Type: Complete Lesson
Difficulty: Beginner
Keywords:
404 Not Found

Not Found

The requested URL /cfset2.txt was not found on this server.


Apache/2.2.16 (Debian) Server at 199.19.94.194 Port 80