1. #1
    Sencha Premium Member
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    89
    Vote Rating
    14
    ateodorescu will become famous soon enough

      0  

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

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


    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
    Last edited by ateodorescu; 25 Nov 2013 at 1:35 AM. Reason: Updated the source code
    https://github.com/ateodorescu/mzExt
    http://www.mzsolutions.eu/

    Mz.pivot.Grid
    Ext.ux.form.plugin.HtmlEditor
    Ext.ux.form.field.CodeMirror
    Ext.ux.form.field.ImageFileField
    Ext.ux.form.field.UploadFileField

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,021
    Vote Rating
    184
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    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 recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  3. #3
    Sencha User
    Join Date
    Aug 2007
    Posts
    32
    Vote Rating
    0
    attiato is on a distinguished road

      0  

    Default


    thanx, it is an excelent extension.

  4. #4
    Sencha User
    Join Date
    Apr 2013
    Posts
    8
    Vote Rating
    0
    code4jhon is on a distinguished road

      0  

    Default Pretty awseome ... but: oldGroupCache is null when opening the second time a grid

    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.

  5. #5
    Sencha Premium Member
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    89
    Vote Rating
    14
    ateodorescu will become famous soon enough

      0  

    Default


    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.
    https://github.com/ateodorescu/mzExt
    http://www.mzsolutions.eu/

    Mz.pivot.Grid
    Ext.ux.form.plugin.HtmlEditor
    Ext.ux.form.field.CodeMirror
    Ext.ux.form.field.ImageFileField
    Ext.ux.form.field.UploadFileField

  6. #6
    Sencha User
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    2
    marco.napetti is on a distinguished road

      0  

    Default


    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...

  7. #7
    Sencha Premium Member
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    89
    Vote Rating
    14
    ateodorescu will become famous soon enough

      0  

    Default


    Quote Originally Posted by marco.napetti View Post
    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.
    https://github.com/ateodorescu/mzExt
    http://www.mzsolutions.eu/

    Mz.pivot.Grid
    Ext.ux.form.plugin.HtmlEditor
    Ext.ux.form.field.CodeMirror
    Ext.ux.form.field.ImageFileField
    Ext.ux.form.field.UploadFileField

  8. #8
    Sencha User
    Join Date
    Jul 2011
    Posts
    22
    Vote Rating
    2
    marco.napetti is on a distinguished road

      0  

    Default


    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.

  9. #9
    Sencha Premium Member
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    89
    Vote Rating
    14
    ateodorescu will become famous soon enough

      0  

    Default


    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.
    https://github.com/ateodorescu/mzExt
    http://www.mzsolutions.eu/

    Mz.pivot.Grid
    Ext.ux.form.plugin.HtmlEditor
    Ext.ux.form.field.CodeMirror
    Ext.ux.form.field.ImageFileField
    Ext.ux.form.field.UploadFileField

  10. #10
    Sencha Premium Member
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    89
    Vote Rating
    14
    ateodorescu will become famous soon enough

      0  

    Default


    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.
    https://github.com/ateodorescu/mzExt
    http://www.mzsolutions.eu/

    Mz.pivot.Grid
    Ext.ux.form.plugin.HtmlEditor
    Ext.ux.form.field.CodeMirror
    Ext.ux.form.field.ImageFileField
    Ext.ux.form.field.UploadFileField