31Jan/092
OpenFlux: Custom Expanding DataGridRow (view source enabled)
The current project I'm on in the mockups shows a DataGrid component that requires the ability to expand the row height to show more details on the selected item. Although this sounds simple to do, the Flex DataGrid component is a beast and if this isn't something you've been tasked before you're probably scratching your head on how to get started.
After our conversation on different possible ways to approach this task, I wondered how easy this would be to do with the OpenFlux DataGrid. My solution is simply a custom view for the DataGridRow that expands the height based on mouse over/selection.
I've included an example below with view source enabled.
Recent Posts
- Skinning MinimalComps with Degrafa
- Using MXML without Flex (Example and Source)
- Here’s 5 3D Layouts for Flex 4
- OpenFlux Independant From Flex
- OpenFlux: Tree and TreeDataGrid Components (view source enabled)
Categories
- 360Flex
- Anywhere.FM
- Club Penguin
- DataGrid
- Degrafa
- Disney
- Flex
- FluxCharts
- Google AdSense
- MinimalComps
- MXML
- MySQL
- OpenFlux
- PayPal
- PlexiGlass
- SEO
- Uncategorized
April 12th, 2009 - 22:19
hi Ryan Campbell
great work
i need to ask you one thing
you maximized the row when mouse over happened,
but can you please let me know how to drag each row dynamically using mouse
karthik.k
July 16th, 2009 - 12:22
Hi Ryan,
I was trying to copy/paste your sources (for DataGridExample and MyCustomRowView) in my Flex Builder, but it doesn’t work. The error is
1046: Type was not found or was not a compile-time constant: IFluxDataGridColumn.
I, also, downloaded OpenFlux.swc file and I updated the Project Flex Build Path in order to point it to the .swc file (which is on my desktop, btw). Didn’t work!
Probably I am completely off-base here, considering I am very new in this area… Could you advise, please?
Thank you,
Florin T.