Page 3 of 5 FirstFirst 12345 LastLast
Results 21 to 30 of 47

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

  1. #21
    Sencha Premium User
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    159

    Default

    Quote Originally Posted by prasi.be View Post
    Hi Adrian,

    My Problem statement is "Having two multi level grouping grid with same group headers in a same page creating issues".

    After debugging i saw that group header div id is same as group header name(multiple div with same id in a single html page) which is creating problem.

    In above post i explained how i was trying to make div header id unique using grid view id.

    Any clues will be greatly appreciated.

    Thanks,
    Prasanna.S
    How is this causing a problem? I had 2 grids on the same page using the same store and the same grouping configuration and the rendering and navigation trough the grid went fine.
    Anyway, if this is really causing a problem then you can change the groupTpl feature to have something like this (line 254 in MultiGrouping.js):
    HTML Code:
    '<div id="{view.id}-{groupId}" class="{[values.itemClasses.join(" ")]} ' + Ext.baseCSSPrefix + 'grid-group-hd {parent.collapsibleCls}" tabIndex="0" style="{[groupTitleStyle]}">',
    If this helps I'm going to update the source code.

    Adrian

  2. #22
    Sencha User
    Join Date
    May 2013
    Posts
    7

    Default

    Hi Adrian,

    Yes you are right. I just tried creating two grid with same store using your example and it is working fine.

    But in my viewport i am using remote store. For some reason it is not working if i create more than one tab with the multigrouping report with same header.

    Looks like i am missing some thing here. Please don't change your code. Will update you once i got the root cause.

    Thanks,
    Prasanna.S

  3. #23
    Sencha User
    Join Date
    May 2013
    Posts
    7

    Default

    Hi Adrian,

    Strange behaviour. I just change the grid feature config as follows. Instead of Ext.create if i use ftype All is well.

    Not sure how it is creating issues. I am using Extjs 4.2 MVC frame work. By the way thank you for your support Adrian.

    Old config:
    Code:
    features: [Ext.create('Ext.ux.grid.feature.MultiGroupingSummary', {
            //id: 'group',
            groupHeaderTpl: '{name}',
            hideGroupedHeader: true,
            enableGroupingMenu: true,
            startCollapsed: true,
            showSummaryRow: true,
            summaryRowPosition: 'outside'
    
    
        }), {
            ftype: 'summary',
            dock: 'bottom'
        }]
    New Config:
    Code:
    features: [{
    			  ftype: 'multigroupingsummary',
    				groupHeaderTpl: '{name}',
    				//id: 'groupid',//Math.random(),
    				groupHeaderTpl:'{name}',
    				hideGroupedHeader: true,
    				enableGroupingMenu: true,
    				startCollapsed: true,
    				showSummaryRow:true,
    				summaryRowPosition:'outside'
                
            },  {
            ftype: 'summary',
            dock: 'bottom'
        }]




    thanks,
    Prasanna.S

  4. #24
    Sencha User
    Join Date
    May 2013
    Posts
    7

    Default Plugin not working in Ext 4.2.2

    Hi Adrian,

    I just pointed your plugin to 4.2.2 lib it started breaking (strage behaviour while doexpandcollapse). I am trying fixing it. It will be great if you can give me some clues.

    Thanks,
    Prasanna.S

  5. #25
    Sencha User
    Join Date
    Aug 2011
    Location
    india
    Posts
    52

    Default

    Hi Prasanna,

    me too trying to use the multilevel grouping plugin in 4.2.2. The data is grouped but it does not display the group header rows, making it look as if data is jsut sorted on multiple columns.

    the code is :
    Code:
    var store = Ext.create('Ext.data.Store', {
            storeId:'defectStore',
            fields:['id', 'name', 'priority', 'status'],
            //groupField: 'priority',
              //groupers: ['status','priority'],
               groupers: [{
                 property : 'priority',
                 direction: 'ASC'
             },{
                 property : 'status',
                 direction: 'ASC'
             }],
            data: {'defects':[
                {"id": "DEF1212", "name": "Defect 1",  "priority": "Critical", "status": "Open", leaf:true },
                {"id": "DEF1213", "name": "Defect 2",  "priority": "Medium", "status": "Open", leaf:true },
                {"id": "DEF1332", "name": "Defect 3",  "priority": "High", "status": "Closed", leaf:true },
                {"id": "DEF1412", "name": "Defect 4",  "priority": "Low", "status": "Open", leaf:true },
                {"id": "DEF1217", "name": "Defect 5",  "priority": "Critical", "status": "Open", leaf:true },
                {"id": "DEF1282", "name": "Defect 6",  "priority": "High", "status": "Closed", leaf:true },
                {"id": "DEF1280", "name": "Defect 7",  "priority": "High", "status": "Open", leaf:true },
                {"id": "DEF1292", "name": "Defect 8",  "priority": "High", "status": "Open", leaf:true },
                {"id": "DEF1283", "name": "Defect 9",  "priority": "High", "status": "Closed", leaf:true },
            ]},
            proxy: {
                type: 'memory',
                reader: {
                    type: 'json',
                    root: 'defects'
                }
            }
        });
    
        Ext.create('Ext.grid.Panel', {
            title: 'Defects',
            store: Ext.data.StoreManager.lookup('defectStore'),
            columns: [
                { text: 'Id',     dataIndex: 'id', width:100 },
                { text: 'Name', dataIndex: 'name', width:100, flex:1 },
                { text: 'Priority', dataIndex: 'priority', width:100 },
                { text: 'Status', dataIndex: 'status', width:100 }
            ],
            features: [{ 
                ftype: 'grouping'
            }],
            width: 402,
            height: 500,
            renderTo: 'groupGridDiv'
           
        });

  6. #26

    Default

    Is there any plan to port this wonderful plugin to ExtJS 5?

  7. #27
    Sencha User
    Join Date
    Aug 2014
    Posts
    31

    Default

    Great post. thanks.

    Just some questions, if I may:
    This works on extjs 5 ?
    Why do you use Panel and not the Grid?
    Can I use remoteGroup and do the grouping/sorting on server side?

    thanks again

  8. #28
    Sencha User
    Join Date
    Aug 2014
    Posts
    31

    Default

    Hello

    Finally I got this working, with some minor bugs for me.

    I need some html encode for the grid headers.
    I need to adapt the remoteSort and remoteGroup, because its causing an infinite loop;

    I am using with asp.net mvc, and when I add the remoteSort, its calling my server side method infinite time
    I found this

    Code:
    if(store.remoteFilter === true || store.remoteSort === true || store.remoteGroup === true)
    { 
    Ext.warn('Store is not properly configured!'); 
    store.pageSize = 1000000; 
    store.remoteFilter = store.remoteSort = store.remoteGroup = false;        
    }
    Can some one help me?

    thanks

  9. #29
    Sencha Premium User
    Join Date
    Dec 2009
    Location
    Iasi, Romania
    Posts
    159

    Default

    Quote Originally Posted by nobruds View Post
    Great post. thanks.

    Just some questions, if I may:
    This works on extjs 5 ?
    Why do you use Panel and not the Grid?
    Can I use remoteGroup and do the grouping/sorting on server side?

    thanks again
    This plugin does not work on extjs 5.
    What do you mean by Panel and not the Grid? I don't follow you.
    Remote grouping/sorting is not implemented, I think.

  10. #30
    Sencha User
    Join Date
    Aug 2014
    Posts
    31

    Default

    Quote Originally Posted by ateodorescu View Post
    This plugin does not work on extjs 5.
    What do you mean by Panel and not the Grid? I don't follow you.
    Remote grouping/sorting is not implemented, I think.
    Hi,

    Ok, I will try to implement the remote grouping
    Forget about the Panel thing,

    Thanks for the reply.

Page 3 of 5 FirstFirst 12345 LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •