jqgrid -在分组中展开全部/折叠全部

Question

有没有办法在jqgrid中实现分组功能的全部展开/全部折叠功能？据我所知，设置groupingCollapse: true，折叠数据，但我想让它动态，可能是在网格内单击+/-图标。提前感谢您的任何建议/帮助...

Answer 1

我想你会在the old answer上找到你的问题的答案。答案的主要思想是利用jqGrid的参数groupingView的sortnames[0]属性。它是一个数组，其中的元素可用于构造分组标头的It，可以使用groupingToggle方法折叠或展开组标头。可以展开或折叠所有组的方式。

Answer 2

这是特定于特定版本的jqgrid的，它扩展了所有的层，但它是如此简短和甜蜜，我就是忍不住要把它贴出来。

function expandAll() {
    $("#myGrid .ui-icon-circlesmall-plus").trigger("click");
}

Answer 3

有了奥列格的回答/建议和Jqgrid4.4.1，这是我所做的。当您想要在单击某个按钮时展开/折叠所有行时，这是有效的。

function expandCollapseGroups(expandAll) {
    var $grid = $("#grid");
    var idPrefix =$grid[0].id + "ghead_0_", trspans;
    var groups =$grid[0].p.groupingView.groups;
    if ($grid[0].p.grouping) {
        for (var index = 0; index < groups.length; index++) {
            if (expandAll) {
                trspans = $("#" + idPrefix + index + " span.tree-wrap-" +$grid[0].p.direction + "." +$grid[0].p.groupingView.plusicon);
            } else {
                trspans = $("#" + idPrefix + index + " span.tree-wrap-" +$grid[0].p.direction + "." +$grid[0].p.groupingView.minusicon);
            }
                if (trspans.length > 0) {
                $grid.jqGrid('groupingToggle', idPrefix + index);
        }   
        }
    } 
}