Getting Started with Flex - DataGrid
(Page 4 of 4 )
Next is the DataGrid control. It is useful when one needs to display tabular data.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:HTTPService id="httpRSS"
url="http://apmuses.blogspot.com/feeds/posts/default"
resultFormat="object"/>
<mx:Panel id="reader" title="RSS Reader" width="776" height="100%">
<mx:DataGrid id="entries"
dataProvider="{httpRSS.lastResult.rss.channel.item}"
width="100%">
</mx:Panel>
</mx:Application>
The DataGrid has three main properties and dataProvider is the one that links it with the data source. Next comes the column. The column of DataGrid is an array.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:HTTPService id="httpRSS"
url="http://apmuses.blogspot.com/feeds/posts/default"
resultFormat="object"/>
<mx:Panel id="reader" title="RSS Reader" width="776" height="100%">
<mx:DataGrid id="entries"
dataProvider="{httpRSS.lastResult.rss.channel.item}"
width="100%">
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Title"
dataField="title"/>
<mx:DataGridColumn headerText="Publish Date"
dataField="pubDate"/>
</mx:Array>
</mx:columns>
</mx:DataGrid>
</mx:Panel>
</mx:Application>
The DataGridColumn has two main attributes. The headerText provides the header of the column and dataField provides the data for the column.
That completes the application. When compiling it, the application will be converted to a flash file and embedded in an HTML file. When loading the HTML file, you will be able to see the RSS feeds from http://apmuses.blogspot.com/feeds/posts/default in a tabular format.
That brings us to the end of this section as well as this discussion. This discussion has just shown you the tip of the iceberg regarding Flex. In a future discussion, each of the components and controls will be explained in detail. Till then…
| DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware. |
/ 3 
