ExtJS – Ext.tree.TreePanel その2 -

今回はTreePanelに表示するTreeNodeをサーバからJSON形式で取得するサンプルです。

ソースコード

TreePanel2.html

TreePanel2.js

TreePanel.json

実行結果

Ext.tree.TreePanelのサンプル

Ext.tree.TreeLoaderをTreePanelのプロパティで指定し、TreeLoaderでは、取得元URLを指定しています。
TreePanel.jsonでは、Ext.tree.TreeNodeを生成する際のコンフィグをJSON形式の配列で記載しています。

TreeLoaderが指定されたURLからTreePanel.jsonを取得し、内部でExt.tree.TreeNodeを展開するノードに追加してくれます。