权限树zTree回显

最新推荐文章于 2023-12-22 17:18:44 发布

old_Rain_321

最新推荐文章于 2023-12-22 17:18:44 发布

阅读量991

点赞数

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/wangraina/article/details/80801611

本文将详细讲解如何使用zTree实现权限树的回显功能，包括数据结构的设计、API的调用以及与后台交互的逻辑，帮助开发者更好地理解和应用zTree在权限管理场景中的实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/jquery-1.8.3.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath() %>/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=request.getContextPath() %>/js/ztree/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/ztree/js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript">
var setting = {
       //异步加载
       async:{
            enable:true,//设置 zTree 是否开启异步加载模式
            url:"<%=request.getContextPath() %>/getTree.action"
        },
        //复选框设置
          check: {
           enable: true,
           chkStyle : "checkbox" ,
           chkboxType: { "Y": "p", "N": "ps" },
          },
       data: {//加载数据
           simpleData:{
              enable:true,//true / false 分别表示使用 / 不使用简单数据模式
              idKey:"id",
              pIdKey:"pid",
              rootPId:0
           },
           key:{//页面上展示数据
               name:"menu_name"
           }
       }

   };
//创建树
$(document).ready(function(){
       $.fn.zTree.init($("#treeDemo"), setting);
   }
   );
   function tj(){
       var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
       var nodes = treeObj.getCheckedNodes(true);
       var menuids=[];

       for (var i = 0; i < nodes.length; i++) {
           menuids.push(nodes[i].id)
       }

       $.post(
               "roleAdd.action",
               {role_name:$("[name=role_name]").val(),role_desc:$("[name=role_desc]").val(),menuids:menuids.join()},
               function(obj){
                   alert(obj);
                   if(obj>0){
                       location.href="rolelist.action";
                   }
               },
               "text"
               )
   }

</script>

</head>
<body>
<form method="post">
角色名称：<input name="role_name"><br>
角色描述：<input name="role_desc"><br>

权限树： <div id="powerTree">
        <ul id="treeDemo" class="ztree"></ul>
</div><br>
<input type="button" onclick="tj()" value="提交">
</form>

</body>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。