jQuery EasyUI 樹(shù)形菜單 – 使用標(biāo)記創(chuàng)建樹(shù)形菜單

jQuery EasyUI 樹(shù)形菜單 - 使用標(biāo)記創(chuàng)建樹(shù)形菜單

本節(jié)介紹了如何使用標(biāo)記來(lái)創(chuàng)建jQuery EasyUI樹(shù)形菜單（Tree）。

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

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

jeasyui-tree-tree1.zip