How to determine if all groups are expanded in GridPanel?

[cwolcott]

I am finalizing the development of a GridPanel and wanted to polish a couple of UI minor issues. We have two buttons "Expand All" and "Collapse All" that are displayed if groups are being shown (view.canGroup()). Is there a way to determine if all groups are currently expanded? If they are then I will disable the "Expand All" button. I know this is somewhat ridiculous and causes extra management, but I wanted to see how easy it is to accomplish.

I looked at the GroupView.js and followed how toggleGroup works to determine the current state of a group. But I am missing something.

Any suggestions?

[cwolcott]

With a can of soda and some candy it didn't take to long to get close to what I want. I just need to add listeners to when groups are expanded or collapsed so I can perform the check again. The basic code segment is:

var allExpanded = true; allCollapsed = true;

if (view.canGroup() {
   var groups = view.getGroups();
   for (var i = 0; len = groups.length; i < len; i++) {
      var gel = Ext.get(groups[i]);
      var id = Ext.util.Format.htmlEncode(gel.id);
      var rtn = this.state[id];

      allExpanded = allExpanded && rtn;
      allCollapsed = allCollapsed && !rtn;
      }
}

Like I said I still need to polish a couple of things up but I think I have it.

[cwolcott]

Getting late. Time to go home and sleep on this. Is there a way to capture when a group is expanded or collapsed?

[cwolcott]

Found a way to catch rows when they are being expanded/collapsed but having issues getting the override to fire.

Post describing override

I will try a simple testcase instead of deep inside my code. I placed the overide in the page's HEAD section which is in the master page, but that isn't working. Trying to figure if I can register it during a page load.