ztree 如何使用,能不能给一个好的例子,谢谢
以下是我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
好奇怪,高人帮忙指导一下,万分感谢