zTree实现树菜单角色权限分配

Posted 2022-03-17 abo666

//打开授权模态框
function givePower(id) 
    //通过uniqueId 获取行数据
    var rows = $(‘#parameterTab‘).bootstrapTable(‘getRowByUniqueId‘, id);
    $("#roleNameTree").val(rows.roleName);
    //展示角色模态框
    $(‘#sysRoleTreeModal‘).modal(‘show‘);//settingss
    // ajax获取后台数据
    $.ajax(
        url : ‘/internal/resource/list‘,
        async : true,
        dataType : ‘json‘,
        success : function(result) 
            zNodes = result;
            // 生成树结构
            treeList(zNodes);
        ,
        error : function() 
            toastr.error("查询角色树节点失败");
        
    );
    //创建树
    function treeList(roleResourceList) 
        var setting = 
            check: 
                enable: true,//复选框
                chkDisabledInherit: true,
                checkboxType:"Y": "p", "N": "s"  //控制父选框和子选框的同步
            ,
            view: 
                selectedMulti: false
            ,
            data: 
                key:
                    name:"name", //节点显示的值
                ,
                simpleData: 
                    enable:true,//如果为true，可以直接把从数据库中得到的List集合自动转换为Array格式。而不必转换为json传递
                    idKey: "id",//节点的id
                    pIdKey: "parentId",//节点的父节点id
                    rootPId: ""
                
            
        ;
        var treeNodes = roleResourceList;
        // 初始化树 //参数1：容器对象  2：tree的setting设置  3：接收后台返回值的数组
        $.fn.zTree.init($("#busTree"), setting, treeNodes);
        //动态加载zTree的选中值
        $.ajax(
            type: "post",
            url: ‘/internal/roleResource/load‘,
            data: "id":id,
            dataType:‘json‘,
            success: function(result)
                if(result)
                    var treeObj = $.fn.zTree.getZTreeObj("busTree");//获取Tree对象
                    for (var i = 0; i < result.length; i++) 
                        var value = result[i].resourceId;
                        var node = treeObj.getNodeByParam("id", value);//根据ID找到该节点
                        treeObj.checkNode(node);//根据该节点选中
                    
                
            
        );
    
    //调用方法  获取roleId
    doSaveRole(id);

//获取被选中的id 值
function onCheck() 
    //树
    var treeObj = $.fn.zTree.getZTreeObj("busTree");
    //选中的框的树的节点
    var nodes = treeObj.getCheckedNodes(true);
    var v = "";
    for (var i = 0; i < nodes.length; i++) 
        v += nodes[i].id + ",";
    
    return v;

//授权操作
function doSaveRole(id) 
    $("#submitTree").click(function () 
        var resourceIds = onCheck();
        $.ajax(
            type: "post",
            url: ‘/internal/roleResource/add‘,
            data: "roleId":id,"resourceIds":resourceIds,
            dataType:‘json‘,
            success: function(result)
                if(result)
                    toastr.success(result.module);
                else
                    toastr.error("授权失败");
                
            
        );
    );