$(function() {
var $ztree = $('
var setting = {
check : {
enable :
true,
chkStyle :
"checkbox"
},
async : {
enable :
true,
url : ctx +
"permission/tree",
autoParam : [
"id=pid" ],
dataFilter : function(treeId, parentNode, childNodes) {
console.
log(childNodes);
if (childNodes == null)
return null;
var nodes = childNodes.data;
return nodes;
}
},
data : {
simpleData : {
enable :
true,
idKey :
"id",
pIdKey :
"pid",
rootPId :
""
}
},
};
var znode = [ {
id : '',
name : '根目录',
isParent :
true,
pid : ''
} ];
var ztree = $.fn.zTree.init($ztree, setting, znode);
}
html代码:
<button
class=
"btn btn-default btn-sm permission" data-toggle=
"modal" data-target=
"#lockModal">
<span
class=
"glyphicon glyphicon-plus"></span> 新增</button>
<!
<
div class=
"modal fade" id=
"lockModal" tabindex=
"-1" role=
"dialog" data-backdrop='static' aria-hidden=
"true">
<
div class=
"modal-dialog" role=
"document">
<
div class=
"modal-content">
<
div class=
"modal-body" style=
"text-align: center;">
<ul
id=
"lockTree" class=
"ztree"></ul></
div>
<
div class=
"modal-footer">
<button type=
"button" class=
"btn btn-primary">确定</button>
<button type=
"button" class=
"btn btn-default" data-dismiss=
"modal">关闭</button></
div>
</
div>
</
div>
</
div>
转载请注明原文地址: https://ju.6miu.com/read-4422.html