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);

 

サンプル

 

製品について

Ignite UI for jQuery