The following example shows how you can use an XML object as a data provider for a Flex DataGrid control and use a custom label function to display the XML node’s name.
Full code after the jump.
Continue reading ‘Setting a DataGrid control’s data provider to an XML object in Flex’
In a previous example, “Aligning the header text in a DataGrid column in Flex”, we saw how you could set the text alignment on a Flex DataGrid control’s DataGridColumn by setting the headerStyleName and textAlign styles.
The following example shows a few more methods of aligning data and headers in a DataGrid and individual DataGrid columns by setting a combination of the headerStyleName and textAlign styles on the DataGrid and DataGridColumn instances.
Full code after the jump.
Continue reading ‘Aligning the header text in a DataGrid column in Flex (redux)’
The following example shows how you can set alternating column background colors on a Flex DataGrid control by setting the backgroundColor style for each DataGridColumn object.
Full code after the jump.
Continue reading ‘Setting background colors on a DataGrid column in Flex’
The following example shows how you can set the text alignment on a Flex DataGrid control’s DataGridColumn by setting the headerStyleName and textAlign styles.
Full code after the jump.
Continue reading ‘Aligning the header text in a DataGrid column in Flex’
The following example shows how you can toggle word wrapping on a Flex DataGrid control’s DataGridColumn by setting the headerWordWrap property.
Full code after the jump.
Continue reading ‘Toggling word wrap on a DataGrid column header in Flex’
The following example shows how you can create an editable Flex DataGrid control by setting the editable property on the DataGrid and DataGridColumn objects.
Full code after the jump.
Continue reading ‘Creating an editable DataGrid control in Flex’
The following example shows how you can perform numeric sorts, case sensitive sorts, or case insensitive sorts in the Flex DataGrid control by setting a custom sort compare function on the DataGridColumn using the sortCompareFunction property, the static ObjectUtil.numericCompare() method, and the static ObjectUtil.stringCompare() method.
Full code after the jump.
Continue reading ‘Performing case [in]sensitive sorts using the DataGrid control in Flex’
The following example shows you how you can truncate a DataGrid column’s text and display a tool tip by setting a custom header renderer.
Full code after the jump.
Continue reading ‘Displaying tool tips in a Flex DataGrid control’s header’
OK, I’m convinced there is a better way to do this, but so far this is the only solution I’ve found…
Any other ideas? Leave em in the comments!
Basically the following post shows one possible way of determining the current sort order of a data grid by grabbing the sortDescending property whenever a user presses on a data grid header.
Full code after the jump.
Continue reading ‘Determining a DataGridColumn object’s current sort order’
One of my favorite Flex components is the the trusty DataGrid. It seems whenever I build some sort of application or sample, I need a DataGrid to show all sorts of debug data or what have you. Here is a simple little example of a DataGrid with multi-line content and a variable row height.
Full code after the jump.
Continue reading ‘Creating multi-line data grid rows with variable row heights’
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Jun | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||
