codecamp

jQuery EasyUI 树形菜单 – 使用标记创建树形菜单

jQuery EasyUI 树形菜单 - 使用标记创建树形菜单

本节介绍了如何使用标记来创建jQuery EasyUI树形菜单(Tree)。

easyui 树形菜单可以定义在<ul>元素中。无序列表的<ul>元素提供一个基础的树(Tree)结构。每一个<li>元素将产生一个树节点,子<ul>元素将产生一个父树节点。

创建树形菜单(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

jQuery EasyUI 窗口 – 自定义带有工具条和按钮的对话框
jQuery EasyUI 树形菜单 – 创建异步树形菜单
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

jQuery EasyUI 教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }