jQuery EasyUI使用教程之使用标记创建树形菜单

翻译 2016年05月31日 11:19:58

一个树形菜单可以使用标记创建。easyui树形菜单也可以定义在“ul”元素中,无序列表的“ul”元素提供一个基础的树(Tree)结构。每一个 “li”元素将产生一个树节点,子 “ul” 元素将产生一个父树节点。

窗口和布局

创建树形菜单

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>

下载EasyUI示例:easyui-tree-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程>>

相关文章推荐

轻松学习jQuery插件EasyUI EasyUI创建树形菜单

一、EasyUI使用标记创建树形菜单 一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 元素中。无序列表的 元素提供一个基础的树(Tree)结构。每一个 ...

使用jquery实现树形菜单

  • 2013年05月20日 13:27
  • 34KB
  • 下载

jQuery easyUI 树形菜单

通常表示一个树节点的方式就是在每一个节点存储一个 parentid。 这个也被称为邻接列表模型。 直接加载这些数据到树形菜单(Tree)是不允许的。 但是我们可以在加载树形菜单之前,把它转换为标准标准...

使用jQuery的treeview插件实现树形菜单

原来项目中是通过原生的javascript代码实现了一个树形菜单,了解到jQuery的treeview插件能够通过更少行数的代码实现更为强大的功能,于是使用该插件实现了树形菜单并替换了项目中原来的代码...

jQuery树形菜单,使用zTree插件,异步加载 & 编辑功能&Check 共存

jQuery树形菜单,使用zTree插件,异步加载 & 编辑功能&Check 共存

jQuery树形菜单(2)jquery-easyui

利用jquery-easyui进行树形结构的建立,资料见http://jquery-easyui.wikidot.com,http://jquery-easyui.wikidot.com/local-...

jQuery EasyUI使用教程之创建树形下拉框

树形下拉框是一个带有下列树形结构的下拉框。它可以作为一个表单字段进行使用,可以提交给远程服务器。 在本教程中,我们将要创建一个注册表单,带有name、address、city字段。city字段是...

dtree树形菜单的简单使用举例

  • 2011年02月16日 16:53
  • 13KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery EasyUI使用教程之使用标记创建树形菜单
举报原因:
原因补充:

(最多只允许输入30个字)