【Saas-export项目】13--（Ztree菜单与ajax）基于RBAC权限模型--给角色分配权限–用户操作界面

---

---

Ztree介绍

（1）什么是Ztree?

zTree 是一个依靠jQuery实现的多功能 “树插件”。
在使用的时候，先导入jquery才能导入zTree

（2）Ztree在哪里使用到?

• 树状菜单
• 树状数据的Web显示
• 权限管理等等

（3）Ztree有什么特点?

优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点
树形组件Ztree使用入门

（4）Ztree如何使用?

引入Ztree到项目中（已存在）

第一步：拷贝如下引入的css/js文件到项目的ztree-test.html页面
第二步：拷贝js到页面
第三步：页面定义显示树的区域

role-module.jsp

<!-- 页面meta /-->
    <%-- 第一步：拷贝如下引入的css/js文件到项目的ztree-test.html页面
      第二步：拷贝js导入到当前页面
      第三步：页面定义显示树的区域--%>
    <link rel="stylesheet" type="text/css" href="${path}/plugins/ztree/css/zTreeStyle/zTreeStyle.css">
    <script type="text/javascript" src="${path}/plugins/ztree/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="${path}/plugins/ztree/js/jquery.ztree.all-3.5.min.js"></script>

    <script type="text/javascript">


        //当前的配置信息
        var setting = {
   
            check: {
   
                enable: true
            },
            data: {
   
                simpleData: {
   
                    enable: true
                }
            }
        };
        //当前的数据
        var zNodes =[
            {
    id:1, pId:0, name:"Sass管理", open:true},
            {
    id:11, pId:1, name:"企业管理", open:true,checked:true},
            {
    id:111, pId:1, name:"模块管理"}
        ];

        $(document).ready(function(){
   
            var fn =function(data){
   
                //菜单的初始化
                $.fn.zTree.init(