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

原创|使用教程|编辑:龚雪|2016-05-31 09:16:49.000|阅读 289 次

概述:一个树形菜单可以使用标记创建。easyui树形菜单也可以定义在“ul”元素中,无序列表的“ul”元素提供一个基础的树(Tree)结构。

# 您正在找协同办公软件吗?点击这里站长给您推荐 #

相关链接:

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库!查看详情>>>

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

窗口和布局

创建树形菜单

<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

购买正版授权的朋友可以点击"咨询在线客服"哦~~~


标签:HTML5jQueryUI界面HTML5/JS

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


慧都网友 2016-05-31 11:16:05.000
0

好简便啊,直接引用个easyui-tree类就可以了,不错!


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
jQuery EasyUI

基于jQuery且支持HTML5的用户界面框架

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat