easyUI 从标记创建Tree

最新推荐文章于 2025-12-02 21:41:05 发布

最新推荐文章于 2025-12-02 21:41:05 发布 · 80 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用 EasyUI 的 Tree 组件来构建树形结构。Tree 组件可以通过简单的 HTML 无序列表来创建，每个列表项可以代表一个树节点，而子列表则代表父节点下的子树。通过示例代码展示如何快速搭建一个基本的 Tree 结构。

@author YHC

一个tree可以从标记创建,easyui tree也可以定义在<ul>元素,无序列表的<ul>元素提供一个基础的tree结构,每一个<li>元素将产生一个tree节点和子<ul> 元素将产生一个父树节点.

查看 Demo

创建 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>