Получить детей igHierarchicalGrid на 3-м уровне

Question

Я создал трехуровневую инфраструктуру igHierarchicalGrid, которая выглядит следующим образом:

Я хочу выбрать третью строку с помощью ProductNumber программно.Я могу сделать это до второго уровня (Пицца), но не могу достичь того же самого для записей третьего уровня.

Ниже приведен мой код для выбора пиццы

var parentGrid = grid.igHierarchicalGrid("rootWidget");
var row = parentGrid.rowAt(0);
grid.igHierarchicalGrid("expand", row);   
var subGrids = grid.igHierarchicalGrid("allChildren");
$(subGrids).each(function(index, subGrid) {
    $(subGrid).igGridSelection("selectRow", 0);
});

grid.igHierarchicalGrid ("allChildren") возвращает все дочерние элементы развернутых в данный момент строк, но возвращает их как элементы сетки, в то время как моя проблема заключается в том, что эти элементы также являются HierarchicalGrids, которые я хочу развернуть и выбрать дочерних элементов.

Answer 1

Экземпляр igHierarchicalGrid находится только в корневой сетке.С помощью API корневого грида вы можете развернуть / свернуть ряды детей.Вот как выбрать строку 3-го уровня:

var grid = $("#grid1");
var parentGrid = grid.igHierarchicalGrid("rootWidget");
var row = parentGrid.rowAt(0);
grid.igHierarchicalGrid("expand", row, function () {
    var subGrids = grid.igHierarchicalGrid("allChildren"), currentGrid;
    if (subGrids && subGrids[0]) {
        currentGrid = $(subGrids[0]); 
        grid.igHierarchicalGrid("expand", currentGrid.igGrid("rowAt", 0), function () {
            var subGrids = grid.igHierarchicalGrid("allChildren");
            if (subGrids && subGrids[1]) {
                $(subGrids[1]).igGridSelection("selectRow", 0);
            }
        });
    }
});

Имейте в виду, что igHierarchicalGrid.expand является асинхронным API, и лучше использовать третий callback параметр для выполнения вашей логики после расширениясделано.