[Tim Hoff] DataGrid ItemRenderer Example

This is a simple example, how to use either an inline or custom component item renderer with a data grid control. The example shows the various ways that a data grid column can be rendered using dataField, labelFunction, itemRenderer and headerRenderer. MXML and AS examples are included. The example also shows a method to communicate with an itemRenderer using an event listener.

Data grid columns have several methods available to render cell content and format. The default itemRenderer is a text field. Many times, just setting the dataField property is sufficient to display data in a DataGridColumn. However, Flex provides a few rendering options that allow for customization.

text field.

function to change the text of the text field.

component class, to fully customize the cell. Can be mxml or action script.

in-line itemRenderer:
In mxml version of itemRenderer. These renderers are coded within the DataGridColumn tags.

headerRenderer is an itemRenderer that is applied to the column header. Can add toolTips for grid headers here.
Using the different rendering options depends on the need of the DataGridColumn. The simplest option is recommended.

[ Read more… | Demo ]

13 Responses to [Tim Hoff] DataGrid ItemRenderer Example

  1. avi says:


  2. Fred says:

    excellent example, just what I was looking for!

  3. Zmoky says:

    😉 …. 10x

  4. New people says:

    excellent example ,where is the code?please

    • Randy says:

      I’ve been surfing on-line grtaeer than three hours these days, but I by no means found any interesting article like yours. It’s lovely price sufficient for me. In my view, if all site owners and bloggers made good content material as you did, the web might be a lot more helpful than ever before. Baseball is 90 percent mental. The other half is physical. by Lawrence Peter Berra.

  5. Edu man says:

    thanks for sharing

  6. bobby says:

    8v7iAQ Hi! Nice site! Where is a add to favorite button& 😉

  7. ria says:


    i need to post city textinput field value using httpservice by using setCity.text like setCity.text but
    i am not able to access the id setCity which is inside the

  8. Cairo says:

    I don’t want to see threads like this whonews.,

  9. VomeShooseLOm says:

    viagra concentration

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: