Come possiamo avere Expand/Collapse globale per JQGrid quando le righe sono raggruppate in un campo?

Question

Come possiamo avere Expand/Collapse globale per JQGrid quando le righe sono raggruppate in un campo?

In fase di espansione, dovrebbe espandere tutti i gruppi e al momento del collasso tutti i gruppi devono essere compressi.

Answer 1

È possibile impostare il valore predefinito della groupCollapse di proprietà del parametro groupingView del jqGrid nello stesso modo come si imposta qualsiasi altro parametro predefinito:

$.extend($.jgrid.defaults, { 
    groupingView: { 
     groupCollapse: true 
    } 
}); 

AGGIORNATO: Dopo ulteriore spiegazione nei commenti che posso Immagino che in alcuni casi possa avere il comportamento quando tutti i gruppi verranno espansi/compressi se qualcuno dei gruppi verrà espanso/compresso.

var $grid = $("#list"), inOnClickGroup = false; 

$grid.jqGrid({ 
    // ... other options 
    grouping: true, 
    onClickGroup: function (hid) { 
     var idPrefix = this.id + "ghead_", id, i, l, 
      groups = this.p.groupingView.sortnames[0]; 

     if (!inOnClickGroup && hid.length > idPrefix.length && 
       hid.substr(0, idPrefix.length) === idPrefix) { 
      id = Number(hid.substr(idPrefix.length)); 
      if (typeof (groups[id]) !== "undefined") { 
       inOnClickGroup = true; // set to skip recursion 
       for (i = 0, l = groups.length; i < l; i++) { 
        if (i !== id) { 
         $(this).jqGrid('groupingToggle', this.id + 'ghead_' + i); 
        } 
       } 
       inOnClickGroup = false; 
      } 
     } 
    } 
}); 

Vedere the demo.

Answer 2

$('#grid-expand-collapse').change(function() { 

    var idPrefix = "MyGridghead_", index, length, tarspan; 
    var groups = $(options.gridElement)[0].p.groupingView.sortnames[0]; 

    if ($(this).is(':checked')) { 

     for (index = 0, length = groups.length; index < length; index++) { 

      tarspan = $("#MyGridghead_" + index + " span." + "tree-wrap-" + $(options.gridElement)[0].p.direction); 
       if (!tarspan.hasClass($(options.gridElement)[0].p.groupingView.minusicon)) { 
        $(options.gridElement).jqGrid('groupingToggle', 'MyGridghead_' + index); 
       } 
     } 
    } 
    else { 
     for (index = 0, length = groups.length; index < length; index++) { 

      tarspan = $("#MyGridghead_" + index + " span." + "tree-wrap-" + $(options.gridElement)[0].p.direction); 
      if (tarspan.hasClass($(options.gridElement)[0].p.groupingView.minusicon)) { 
       $(options.gridElement).jqGrid('groupingToggle', 'MyGridghead_' + index); 
      } 
     } 
    } 

}); 

Answer 3

$('#jqxGrid').jqxGrid({ 
    groupsexpandedbydefault: true 
}); 

funzionato come un fascino per me (source).