jQuery EasyUI使用教程之使用標記建立樹形菜單

jQuery EasyUI最新試用版下載請猛戳>>

一個樹形菜單能夠使用標記建立。easyui樹形菜單也能夠定義在「ul」元素中，無序列表的「ul」元素提供一個基礎的樹（Tree）結構。每個 「li」元素將產生一個樹節點，子 「ul」 元素將產生一個父樹節點。

點擊查看示例

建立樹形菜單

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<ul class="easyui-tree"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> <ul> <li><span>File 11</span></li> <li><span>File 12</span></li> <li><span>File 13</span></li> </ul> </li> <li><span>File 2</span></li> <li><span>File 3</span></li> </ul> </li> <li><span>File21</span></li> </ul>

下載EasyUI示例：easyui-tree-demo.zip

有興趣的朋友能夠點擊查看更多有關jQuery EasyUI的教程>>