ztree 如何使用,能不能给一个好的例子,谢谢

zhengyingcan 2016-12-01 07:57:17
以下是我ztree初次使用的例子,代码如下
@{
ViewBag.Title = "测试zTree功能";
Layout = "~/Views/Shared/_Layout_Content.cshtml";
}

@section styles{

<link href="~/Content/css/plugins/ztree/metroStyle.css" rel="stylesheet" />
<script src="~/Content/js/jquery.min.js"></script>
<script src="~/Content/js/plugins/ztree/jquery.ztree.all.js"></script>
<script src="~/Content/js/json2.js"></script>
<script type="text/javascript">
var menuSetting = {
async: {
enable: true,
url: "/Test/GetTrees",
autoParam: ["id", "name=n", "level=lv"],
otherParam: { "otherParam": "tree" }
},
data: {
simpleData: {
enable: true
}
},
check: {
enable: true,
chkboxType: { "Y": "s", "N": "s" }
}
};
$(document).ready(function () {
$.fn.zTree.init($("#menuTree"), menuSetting);
});
</script>
}



<div class="wrapper wrapper-content">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>角色授权</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-12">
<button id="btnSave" class="btn btn-w-m btn-primary" type="button">保存</button>
<button id="btnClear" class="btn btn-w-m btn-danger" type="button">清空</button>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="panel panel-primary">
<div class="panel-heading">
权限菜单
</div>
<div class="panel-body">
<ul id="menuTree" class="ztree"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

结果报错如下
TypeError: $.fn.zTree is undefined
好奇怪,高人帮忙指导一下,万分感谢
...全文
302 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhengyingcan 2016-12-07
  • 打赏
  • 举报
回复
试过了,一定要采用分布视图才行,
zhengyingcan 2016-12-05
  • 打赏
  • 举报
回复
引用 2 楼 apollokk 的回复:
你的JS文件路径对不对?
应该对的吧, 高人,有没有好的示例给我一下,谢谢。
csdnFUCKINGSUCKS 2016-12-05
  • 打赏
  • 举报
回复
示例参考zTree官方的就可以了 你报的那个错应该是没有引用到的问题 你可以单独建一个页面 把ztree需要的js引进去 看会不会有同样的问题
zhengyingcan 2016-12-02
  • 打赏
  • 举报
回复
自己顶一下吧,谢谢大家
Hello World, 2016-12-02
  • 打赏
  • 举报
回复
你的JS文件路径对不对?
项目详细功能参考项目演示内容即可项目优势:1、项目从零开始到完结 附带视频,源码以及相关辅助资料,适合学习使用,项目也可拿来即用。2、几乎全手写代码,功能流程详细 跟着可以独立完成,附带详细代码相关常见bug 和 调试解决方案,让大家学会跟踪快速解决问题。3、系统后端使用LayUI技术,对页面不精通的小伙伴也可以快速完成精美页面的设计及应用,支持统一后台管理,也可拿来做其他项目通用后台4、针对layui 相关技术点薄弱的学员提供相关技术点学习,让快速上手完成项目研发5、选材来自生活,项目真实感强,可用学习使用和就业面试使用,适合作为面试中提高实际项目经验...6、该项目前后端分离,满足前沿技术点..项目技术栈:- 数据库:MySQL8.0- 后端技术:SpringBoot,MyBatisPlus,JWT 等- 日志技术:Log4j- 数据库连接池:druid- 前端技术:LayUI, axios,Echarts,Ztree 等- Web容器:Apache Tomcat 9- 项目管理工具:Maven3.6- 思维导图设计工具:XMIND 8- 开发工具: IDEA2020, WebStorm2020- 数据库设计软件:Power Designer16.5特别提示:1、涉及相关技术点学习,更多侧重大学生或无项目经验以及项目经验较少的学员入门到项目完结项目实战2、项目中功能处理大多提供多种解决方式,如跨域访问,更多让大家了解解决方式的同时学会技术点应用3、加入bug的调试以及代码跟踪处理,更好的让学员更多学会如何解决问题

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧