jQuery EasyUI Tree Menu - Creating Tree Menu with Markup
A Tree menu can be created from markup. The easyui Tree menu can also be defined within a <ul> element. The <ul> element of an unordered list provides a basic tree structure. Each <li> element will generate a tree node, and a child <ul> element will generate a parent tree node.
Creating a Tree Menu
<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>File 21</span></li>
</ul>