jQuery EasyUI Tree Menu - Create a tree menu with tags

jQuery EasyUI Tree Menu - Create a tree menu with tags

This section describes how to use tags to create a jQuery EasyUI tree menu.

The easyui tree menu can be defined in the element of the . T he unseeded table's elements provide a basic tree structure. E ach of the elements will produce a tree node, and the child-lt;ul-gt; element will produce a parent tree node.

Create 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>File21</span></li>
    </ul>

Download the jQuery EasyUI instance

jeasyui-tree-tree1.zip