zTree树的生成

    xiaoxiao2021-03-25  146

    --js代码: $(function() { var $ztree = $('#lockTree'); 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

    最新回复(0)