ztree实现菜单列表

在下_张三

于 2018-03-08 16:06:09 发布

阅读量1.6k

点赞数 1

分类专栏：前端文章标签： ztree 菜单栏 js

本文链接：https://blog.csdn.net/utest/article/details/79485451

版权

本文介绍了如何利用ztree这个JavaScript库来实现前端菜单列表的展示。通过引用ztree的相关JS和CSS文件，结合后台数据的封装，可以构建出美观的菜单效果。详细步骤包括访问ztree官网获取资源，编写前端JS代码以及展示最终实现的效果。

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

ztree官网：http://www.treejs.cn/v3/main.php#_zTreeInfo

前端JS代码（引入对应JS和CSS）：

<script src="${basePath}static/js/jquery.min.js?v=2.1.4"></script>
<script src="${basePath}static/js/jquery.ztree.core.js"></script>
<script src="${basePath}static/js/jquery.ztree.excheck.js"></script>
<link rel="stylesheet" href="${basePath}static/css/zTreeStyle/zTreeStyle.css">

<script type="text/javascript">

  //ztree 异步加载数据（简单数据）
  var setting = {
		async : {
			enable : true,
			type : 'post',
			url : "${basePath}menu/menuInfo.do"

最低0.47元/天解锁文章