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

智慧浩海

于 2023-05-10 08:35:38 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery EasyUI 文章标签： easyui jquery 前端

本文链接：https://blog.csdn.net/unbelievevc/article/details/130592831

jQuery EasyUI 专栏收录该内容

66 篇文章

订阅专栏

文章讲述了如何使用EasyUI库来构建树形菜单，通过在HTML的<ul>和<li>元素中定义结构，每个<li>生成一个树节点，子<ul>表示父节点的子项，如Folder、SubFolder和File等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个树形菜单（Tree）可以从标记创建。easyui 树形菜单（Tree）也可以定义在 <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>