jQuery EasyUI使用教程之使用标记创建树形菜单

jQuery EasyUI最新试用版下载请猛戳>>

一个树形菜单可以使用标记创建。easyui树形菜单也可以定义在“ul”元素中，无序列表的“ul”元素提供一个基础的树（Tree）结构。每一个 “li”元素将产生一个树节点，子 “ul” 元素将产生一个父树节点。

点击查看示例

创建树形菜单

< 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的教程>>