jQuery EasyUI 樹形菜單 – 使用標記創(chuàng)建樹形菜單

jQuery EasyUI 樹形菜單 - 使用標記創(chuàng)建樹形菜單

本節(jié)介紹了如何使用標記來創(chuàng)建jQuery EasyUI樹形菜單（Tree）。

easyui 樹形菜單可以定義在<ul>元素中。無序列表的<ul>元素提供一個基礎(chǔ)的樹（Tree）結(jié)構(gòu)。每一個<li>元素將產(chǎn)生一個樹節(jié)點，子<ul>元素將產(chǎn)生一個父樹節(jié)點。

創(chuàng)建樹形菜單（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>

下載 jQuery EasyUI 實例

jeasyui-tree-tree1.zip