Disable toggling groups in a GroupingView

[vukbyte]

I am using a GroupingView in a grid, is there a way to prevent the user from toggling any or all of the groups? At certain times I don't want the user to be able to toggle any of the groups.

The reason for this is because I am using the RowEditor plugin, and when the user is in edit mode and they choose to collapse the group which belongs to the row they are editing the RowEditor is still visible, but it is on top of a different row.

Ideally I would like to prevent the user from toggling any groups in that case, or if there is an event that I can listen to, I could also cancel the current row that is being edited so there isn't a row editor just floating around.

Any suggestions??

[Condor]

There is no config option for this, but you could disable the toggleGroup method, e.g.

grid.getView().toggleGroup = Ext.emptyFn;
...
grid.getView().toggleGroup = Ext.grid.GroupingView.prototype.toggleGroup;

[vukbyte]

It worked perfectly. Thank you very much.

I added listeners to the beforeedit and afteredit events for the RowEditor to disable and enable the toggle of groups.

  var beforeEdit = function(rowEditor) {
    rowEditor.grid.getView().toggleGroup = Ext.emptyFn;
  };

  var afterEdit = function(rowEditor) {
    rowEditor.grid.getView().toggleGroup = Ext.grid.GroupingView.prototype.toggleGroup;
  };

[maslofer]

This doesn't work in ExtJS 4.

Is there anyway to disable the toggling in Ext JS 4?