MultiGroupingPanel on Ext 3.3 beta

I recently tested venky0589's MultiGroupingPanel control on Ext 3.3 beta 2 and found that despite being coded for Ext 2, the control successfully performed multiple grouping on Ext 3.3 beta 2. Thing is, the grouped elements did not expand or contract; when the user attempted to operate them, an error was generated in in file ext-all-debug.js, line 5129: "s.replace is not a function". I believe that some of the standard GridView event handlers were called despite a MultiGroupingView configuration; this error can be reproduced quite easily with Ext 3.3 beta 2, a modestly-configured Apache web server, and the code from venky0589's thread on his seminal grid control. Has anyone managed to get the MultiGroupingPanel control working with Ext 3.3 beta 2?

I got the same issue, if I found something, I will post here. (If you found a fix, please post it ^^)

I found where the problem is :

Ext-all-debug.js in GroupView definition line 50816 :

Code:

---

processEvent: function(name, e){
        Ext.grid.GroupingView.superclass.processEvent.call(this, name, e);
        var hd = e.getTarget('.x-grid-group-hd', this.mainBody);
        if(hd){
           
            var field = this.getGroupField(),
                prefix = this.getPrefix(field),
                groupValue = hd.id.substring(prefix.length),
                emptyRe = new RegExp('gp-' + Ext.escapeRe(field) + '--hd'); // <--- HERE IS THE PROBLEM

           
            groupValue = groupValue.substr(0, groupValue.length - 3);
           
           
            if(groupValue || emptyRe.test(hd.id)){
                this.grid.fireEvent('group' + name, this.grid, field, groupValue, e);
            }
            if(name == 'mousedown' && e.button == 0){
                this.toggleGroup(hd.parentNode);
            }
        }

    }

---

I wonder if it's planed to support multiple grouping in the future of ExtJS. I would really appreciate such a feature! Does anybody know if this is planed for ExtJS?

karimchebani, how it solves the problem?

I ran into this problem too.
The problem is that variable "field" is expected to be a string, while in multi-grouping view it is an array.

The problem in ExtJS 3.3 happens in the processEvent function of groupingView, which expects getGroupField to return a string with the name of the field. In the Multi-Grouping view the returned value is an array of field names.

I fixed this by copying the processEvent code from GroupingView.js to MultiGroupingView:

Code:

---

    processEvent: function(name, e)
    {
        Ext.grid.GroupingView.superclass.processEvent.call(this, name, e);
        var hd = e.getTarget('.x-grid-group-hd', this.mainBody);
        if (hd)
        {
            // group value is at the end of the string
            var field = this.getGroupField();
            // in MultiGroupingView field is an array of field names,
            // so take just the last field name
            if (typeof field == "object" && field.length)
                field = field[field.length-1];
            var prefix = this.getPrefix(field);
            var groupValue = hd.id.substring(prefix.length);
            var emptyRe = new RegExp('gp-' + Ext.escapeRe(field) + '--hd');
            // remove trailing '-hd'
            groupValue = groupValue.substr(0, groupValue.length - 3);

            // also need to check for empty groups
            if(groupValue || emptyRe.test(hd.id)){
                this.grid.fireEvent('group' + name, this.grid, field, groupValue, e);
            }
            if(name == 'mousedown' && e.button == 0){
                this.toggleGroup(hd.parentNode);
            }
        }
    }

---

What version multi grouping did you use?

Quote:

---

Originally Posted by Radziu

What version multi grouping did you use?

---

I used a modified version of the multi-grouping grid based on the version from galdaka.

The one I use has some modifications to make it work with summary and editor grid.

I attach it here so you can use. It includes the latest fix for 3.3.0.
Attachment 24519

some nodes don't collapse. Have you got any example grid?