jQuery EasyUI Tree -Create Tree with Markup

A Tree can be created from markup. The easyui Tree can also be defined in a <ul> element. The <ul> element of an unordered list provides a basic Tree structure. Each <li> element will produce a tree node, and a child <ul> element will produce a parent tree node.

Create a Tree

    <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 jQuery EasyUI Examples

jeasyui-tree-tree1.zip