https://www.igniteui.com/hierarchical-grid/hgrid-api-events

Where you can use the "expandCollapseRowsPerGrid" function. Here is its code:

function expandCollapseRowsPerGrid($gridElement, action, level, callback) {

var _root = $("#grid").data("igHierarchicalGrid");

//get all rows in the grid that are not child grid container

var rows = $gridElement.children('tbody').find('>tr:not([data-container])');

var rowsCount = rows.length;

var gridChildElements = [];

var index = 0;

//Callback function used for the expand/collapse methods.

//Recursively loops through the child grids and calls expandCollapseRowsPerGrid for each.

var callbackFuncToggled = function (hGrid, $tr) {

var dataRowContainer, $trContainer = $tr.next('tr');

if ($trContainer.attr('data-container')) {

gridChildElements.push($trContainer.find('table[data-childgrid]'));

}

if (++index === rowsCount) {

$.each(gridChildElements, function (ind, elem) {

expandCollapseRowsPerGrid(elem, action, level + 1, callback);

});

callback(gridChildElements, $tr, level)

}

};

 

rows.each(function (ind, row) {

var $row = $(row);

if ((_root.expanded($row) && action === 'expand') ||

(_root.collapsed($row) && action === 'collapse')) {

callbackFuncToggled(_root, $row);

} else {

if (action === 'expand') {

_root.expand($row, callbackFuncToggled)

} else {

_root.collapse($row, callbackFuncToggled)

}

}

});

}

And you can use it like this:

expandCollapseRowsPerGrid($('#grid'), 'expand', 0, function () { });

Best regards,
Martin Pavlov
Infragistics, Inc.

Hello Mike,

Sorry for the late response.

We don't have public API which can do this job for you. The igHierarchicalGrid.expand API method can be used for this purpose.

Here is my own implementation of such function: 

It's interesting to note that this code expands one level at a time and should wait for the child grids to expand. Given the fact that public methods do not rise events I used the setInterval API to wait 1 second before I try to expand the next level from the hierarchy. Of course this approach may fail on slower browsers where 1 second will be not enough for the child grids to expand, so you may need to change this parameter.

Here is how you use the function:

expandAllRows($("#grid1"));

where $("#grid1") is the placeholder for the igHierarchicalGrid.

P.S.: You can submit a new product idea about this functionality here. 

Hope this helps,

Martin Pavlov
Infragistics, Inc.