igHierarchicalGrid – コードで行を展開したり折りたたんだりする方法

igHierarchicalGridで特定の行を展開したり折りたたんだりしたい場合は、以下の各メソッドを使用してください。

• expandメソッド
  • 行を展開するメソッドです。
• collapseメソッド
  • 行を折りたたむメソッドです。
• toggleメソッド
  • 行が展開されていれば折りたたみ、折りたたまれていれば展開するメソッドです。

// ルートのグリッドウィジェットを取得する。
var parentGrid = $("#hierarchicalGrid").igHierarchicalGrid("rootWidget"),

// 0行目の行を描画しているDOM要素を取得する。
rowDomElement = parentGrid.rowAt(0);

// 0行目を展開する。
$("#hierarchicalGrid").igHierarchicalGrid("expand", rowDomElement);

// 0行目を折りたたむ
$("#hierarchicalGrid").igHierarchicalGrid("collapse", rowDomElement);

// 0行目の展開・折りたたみをトグルする
$("#hierarchicalGrid").igHierarchicalGrid("toggle", rowDomElement);

　

サンプル