jQuery 实现的树状菜单、树状数据的Web显示、权限管理等等。

<link rel="stylesheet" href="/static/zTree_v3/css/demo.css" type="text/css">
<link rel="stylesheet" href="/static/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="/static/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/static/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript">
        var setting = {
         check: {
            enable: true
         },
         data: {
            simpleData: {
               enable: true
            }
         }
      };

      var zNodes =[
         { id:1, pId:0, name:"can check 1",open:true},
         { id:11, pId:1, name:"can check 1-1", open:true},
         { id:111, pId:11, name:"can check 1-1-1"},
         { id:112, pId:11, name:"can check 1-1-2"},
         { id:12, pId:1, name:"can check 1-2", open:true},
         { id:121, pId:12, name:"can check 1-2-1"},
         { id:122, pId:12, name:"can check 1-2-2"},
         { id:2, pId:0, name:"can check 2", checked:true, open:true},
         { id:21, pId:2, name:"can check 2-1"},
         { id:22, pId:2, name:"can check 2-2", open:true},
         { id:221, pId:22, name:"can check 2-2-1", checked:true},
         { id:222, pId:22, name:"can check 2-2-2"},
         { id:23, pId:2, name:"can check 2-3"}
      ];
function setCheck() {
   var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
   type = { "Y":'ps', "N":'ps'};
   zTree.setting.check.chkboxType = type;
          console.log(zTree.setting.check);
}
$(document).ready(function(){
    console.log(666)
    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    setCheck();
});
</script>

猜你喜欢

转载自blog.csdn.net/qq_34802511/article/details/82560536