このExample（ページへのリンクはこちら）では、タイトル通りにTreeを生成する方法が示されている。タイトルは3種となっているが、実際のExampleは（ベースとするTreeも含めると）4種類の方法が示されている。 その4種とは、 ページ内のHTMLから作成 ページ…

このExample（Exampleのページへのリンク）は、「Custom TreeView with Check Boxes」というタイトルになっているが、TextNodeを拡張したTaskNode.jsというノードが紹介されている。Taskという名前が示す通り、Tree上にWBS（Work Breakdown Structure）をそ…

このExample（ページへのリンクはこちら）では、Treeを形成する各ノードにTooltipをつける。TooltipはContainerの一種なので、まだ、サンプリングしていないが、Exampleの説明とソースコードも元にして、サンプルを書いてみる。このExampleのページでは、以…

次の例の「Using TreeView with Custom Icons」は、ノードカスタムアイコンを表示する例だが、これを行うのに、「CSS Sprites」という方法が用いられている。 Exampleのページでは、「CSS Sprites」の詳細説明として、www.alistapart.comの文献（CSS Sprites…

これまでの例では、テキストノード（YAHOO.widget.TextNode）だけを使っていたが、この「Menu-Style TreeView Design」はメニューノード（YAHOO.widget.MenuNode）を使うサンプルである。（YAHOO.widget.MenuNodeのAPIドキュメントはこちらを参照）メニュー…

先の「Default TreeView」のところに書いたように、TreeViewは treeview.css treeview.js（もしくは、これを圧縮したtreeview-min.js） を利用するのが、デフォルトの設定である。この「Folder-Style TreeView Design」では、Default TreeviewのサンプルのCS…