Multi level grouping, summary and grand totals for Ext JS 4.2

[ateodorescu]

Hi there,

I'm happy to release this feature to everybody interested in the subject. Here is a list of what you can do with it:
- multiple levels of grouping, of course
- summaries for each grouping level
- grand total
- hide grouped headers
- you can reconfigure the groups via the columns menu
- you can even add additional columns to existing ones via columns menu

I didn't test remote summary for it.
Soon I will add this to github for anyone interested in enhancing this.

You have to run the example in a webserver!

Cheers,
Adrian

Download source code: multilevelgrouping.zip

multilevelgrouping.jpg

[slemmon]

Thanks for sharing this with the community!

[attiato]

thanx, it is an excelent extension.

[code4jhon]

I get oldGroupCache is null ?when I open the second time a grid wit nested grouping.

[ateodorescu]

I have updated the archive from the first post on this thread. There is something new available: position of the summary row. It can either be inside or outside the group.

[marco.napetti]

Really good plugin, is there a way to make the plugin compatible with remote stores? Disabling the init check (who throws an error because Ext.warn doesn't exists) results on an infinite loop of server requests, like if the grid continuously refresh itself...

[ateodorescu]

Really good plugin, is there a way to make the plugin compatible with remote stores? Disabling the init check (who throws an error because Ext.warn doesn't exists) results on an infinite loop of server requests, like if the grid continuously refresh itself...

I didn't need that so far so I didn't go deeper into this.

[marco.napetti]

I've already lost many hours searching for the refresh loop problem, without finding a cause, can you give me some suggestions about where you think the problem could be?

Another little bug is the indentation of grid rows:
if the first column is larger than indentation, everything goes right and the only consequence is less space for first column's contents, but if the first column is smaller that indentation, first column's width goes to 0 and all columns are shifted on the right, bringing them out of column headers.
Converting div's margins to paddings and removing tables margins (also disabling the margin code in renderColumnSizer) gives to the grid a more standard look.

[ateodorescu]

I have no idea on what causes that loop issue. I never even tested it with remote grouping.Regarding the other bug I know about it. That one could be solved in the override of the TableLayout. A minimum width could be calculated for the column that has margins and adjust the whole column header width after that.

[ateodorescu]

Now this feature is available on my github account under https://github.com/ateodorescu/mzExt. There is something new that you will find: grouping panel. I think anyone that wants to have a multi level grouping feature needs a grouping panel at some point.


This is how it looks like:
MultiLevelGrouping.png

There's more. You can drag a column from the grid header and drop it on the grid and the column will get hidden.

Hope you guys will contribute and make this feature available for remote grouping too.