HTML ul,liタグ: JavaScript ツリービュー
ツリー表示
ul,liでツリー表示。フォルダを開いたり閉じたりする。
- TestJS_ul_li_tree03.html
イベント処理や初期化処理を JavaScript のクラスでまとめている例。 this が混乱しやすいので注意。
JavaScript イベント処理 (1)
thisの指す内容に注意、bind() のサンプル
部品の汎用化 (2022)
上のサンプルをもう少し汎用化してみる。
- ツリー構造のデータが扱える Node クラスを用意する。
JavaScript: ツリー構造のデータを扱う (1)
JavaScript: ツリー構造のデータを扱う (2)
- TestJS_node_TreeView2022.html
Node オブジェクトから ul,li のツリーを作る。 - TestJS_node_EditableTreeView2022.html
ツリーを編集可能なツリービュー。
JavaScript: ツリー構造のデータを扱う (3)
SGF ツリービューのサンプル