13 Jun 2013 4:26 AM #1
Multi level grouping, summary and grand totals for Ext JS 4.2
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!
Download source code: multilevelgrouping.zip
Last edited by ateodorescu; 25 Nov 2013 at 1:35 AM. Reason: Updated the source code
16 Jun 2013 8:27 PM #2
Thanks for sharing this with the community!Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our human resources manager: email@example.com
24 Jul 2013 1:59 AM #3
23 Nov 2013 9:32 PM #4
Pretty awseome ... but: oldGroupCache is null when opening the second time a grid
I get oldGroupCache is null when I open the second time a grid wit nested grouping.
25 Nov 2013 1:37 AM #5
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.
29 Nov 2013 6:30 AM #6
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...
29 Nov 2013 7:04 AM #7
29 Nov 2013 7:24 AM #8
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.
29 Nov 2013 7:36 AM #9
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.
29 Nov 2013 2:06 PM #10
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:
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.
Thread Participants: 17
- attiato (1 Post)
- slemmon (1 Post)
- damo (2 Posts)
- hemelend (1 Post)
- shilpay (1 Post)
- marco.napetti (3 Posts)
- amitkumarchauhan (1 Post)
- digvijayun (2 Posts)
- zz9pa (4 Posts)
- skhandek (1 Post)
- code4jhon (1 Post)
- prasi.be (7 Posts)
- fabio.r.souza (1 Post)
- firstname.lastname@example.org (1 Post)
- ningho (1 Post)
- nobruds (6 Posts)
- shing_l (1 Post)