title: Get Children of igHierarchicalGrid on 3rd Level
body: <p>I have created a 3 level infragistics igHierarchicalGrid which looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/BboqK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BboqK.jpg" alt="enter image description here"></a></p>
  
  <p>I want to select the the third row with ProductNumber programmatically. I am able to do this till the second level(Pizza) but i am unable to achieve the same thing for the third level entries.</p>
  
  <p>Below is my code for selecting pizza</p>
  
  <pre><code>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);
  });
  </code></pre>
  
  <p>grid.igHierarchicalGrid("allChildren") returns all the children of currently expanded rows but it returns them as grid elements while my problem is that those elements are also HierarchicalGrids which i want to expand and select the children from.</p>