PDA

View Full Version : Nesting Grid & Grouping Suggestions



rstehwien
9 Feb 2010, 9:51 AM
I'm trying to decide how to nest grids and property editors for data that can be grouped. Wanted to test for fesiblity.

Imagine (working on wireframes) a top level grid with grouping like this example:
http://www.extjs.com/deploy/dev/examples/grid/grouping.html

Each grid row can drop down an expander row that will have a property editor and a sub grid:
http://www.extjs.com/deploy/dev/examples/grid/grid-plugins.html
http://www.extjs.com/deploy/dev/examples/grid/property-grid.html

I thought of using a tree grid, but the columns would be different for the sub-grids. Also thought of using a row editor but the data is a bit more complicated with sub grids.

So is it possible to have a grouped grid with expander rows for editing the row and its sub grid? Any better ways to organize it? Trying to keep things in one long horizontal layout to fit the (nested) spreadsheet feel of the data and so it works ok on mobile devices as is (so the form and embedded grid example wouldn't be good unless the form can be in an expander row http://www.extjs.com/deploy/dev/examples/form/form-grid-access.html)