¿Cómo podemos tener Expandir/Contraer global para JQGrid cuando tenemos filas agrupadas en algún campo?

Question

¿Cómo podemos tener Expand/Collapse global para JQGrid cuando tenemos filas agrupadas en algún campo?

Al expandirse, debe expandir todos los grupos y al colapsar todos los grupos deben colapsarse.

Answer 1

Puede establecer el valor predeterminado de la propiedad groupCollapse del parámetro groupingView de jqGrid de la misma manera como se establece cualquier otro parámetro por defecto:

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

ACTUALIZADO: Después de la explicación adicional en los comentarios que puedo Me imagino que en algunos casos puede tener el comportamiento cuando todos los grupos se expandirán/colapsarán si alguno de los grupos se expandirá/colapsará.

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; 
      } 
     } 
    } 
}); 

Ver 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 
}); 

trabajó como un encanto para mí (source).