Flex provides a number of components to display and handle large amounts of data in a variety of ways, for example data grid with rows and columns. Apart from providing these rich components, Flex provides a very useful way to customize how these components display their content using itemRenderers
by giving you complete control over each row or cell. There are List, DataGrid
, and Tree
controls. By default, these list controls display the data they are given as simple text.
Example of default behavior of List box control:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" applicationComplete="init();"> <mx:Script> <! [CDATA[ [Bindable] private var contactDetails:Array = new Array(); private function init():void { contactDetails.push({name:"John", phone:"+442768574629", email:"[email protected]"}); contactDetails.push({name:"Joe", phone:"+445632564367", email:"[email protected]"}); contactDetails...