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

//打开授权模态框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("授权失败");                }            }        });    });}

原文地址:https://www.cnblogs.com/abo666/p/11140143.html

时间: 2024-11-13 19:28:17

zTree实现树菜单角色权限分配的相关文章

设计OA系统的用户-角色-权限分配

转载:http://www.cnblogs.com/jsping/archive/2013/01/23/2872972.html 设计OA系统的用户-角色-权限分配 一,前言  本文主要讲述在OA系统设计时用户——角色——权限的数据库设计,以便实现权限分配. 二,初步分析 用户通过UI登录系统时,把用户的用户名.密码传递给后台判断用户表中是否存在可用的用户信息,如果存在那么允许页面的跳转,并设置一些Session信息,当页面跳转时根据用户的Session信息获取用户的角色,进一步根据角色获取用户

EasyUI 树菜单

EasyUI 树菜单 通过ssm框架项目实现EasyUI 的树菜单的单选,复选,异步加载树,同步加载树和树权限控制等功能. 本章知识点 效果图: 需求:通过SSM框架,实现EasyUI 树菜单的单选,多选,异步加载,同步加载的功能 技术:Spring,SpringMVC,Mybatis,EasyUI 明说:使用EasyUI-Tree,必须严格遵守它的规则,如异步加载树节点的 id,异步加载树返回值的格式等.如果按照其规则来做,你会发现 EasyUI 很简单.反之到处都是吭! 源码:见文章底部 场

智点软件操作员的权限分配

在使用管理软件中经常会需要给不同员工分配不同的工号和权限,这一部分比较重要,很多客户在遇到权限分配是比较头疼,一看那么多,好多都不明白什么意思,不知道该怎么设置.在智点软件中权限的设置比较灵活,下面具体介绍下智点软件的权限设置部分. 在智点软件中权限设置就是需要设置"角色管理"和"操作员设置"两部分. "角色"就是公司内部的职务或级别的意思,一般公司会分为店长.业务员.经理.会计.普通操作员等等,当然不同的职务所处理的工作都是不同的,所以需要给他

SpringMVC+ZTree实现树形菜单权限配置

计划在开源项目里加入权限配置的功能,打算加入zTree实现树形结构. Team的Github开源项目链接:https://github.com/u014427391/jeeplatform 欢迎star(收藏) zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree下载链接:http://www.treejs.cn/v3/main.php#_zTreeInfo 角色信息实体类: package org

RABC权限控制(页面操作角色,权限和进行分配)

上一节主要说的是如何通过url进行权限控制,这一节就说一下如何开发一个权限控制的界面,这样我们就能很方便的创建角色,并分配给用户不同角色和不同权限. 1.编写角色管理页面 这个编写较为简单,主要是通过modelform快速实现的,下面代码比较简单,我就不多说了 效果图如下: 代码如下: def role_list(request): """角色列表""" roles_list = Role.objects.all() # 分页 current_p

Vcenter server 5.5添加用户角色及分配权限

角色:各种角色定义了对此角色可操作细节的权限组合. 用户权限:用户权限是对ESXi 5.0中的对象实例(如ESXi 5.0主机,虚拟机,存储,网络等)进行权限的分配.通过在这些对象上绑定“用户+角色”来限定每个用户或用户组可以对此对象的操作权限. 创建步骤: A.先创建角色并分配权限. B.创建用户并分配角色权限. 1.视图 ----  系统管理 ---- 角色. 2.添加角色 ---- 自定义角色名称 ---  分配角色权限. 3.权限 --- 添加权限. 4.选择服务器创建好的本地用户tes

展示树菜单(zTree)

zTree是一个依靠 jQuery 实现的多功能 “树插件”,支持选择框等显示,动态更改图标,提供多种事件响应回调,而且异步数据功能强大.相信涉及大型项目或者大量数据时,它的使用将非常方便.利用ztree和Dwr框架可以轻松的实现后台数据的异步加载,他们都是利用Ajax进行后台数据的异步刷新的,页面不会重新加载,而且速度非常快兼容 IE.FireFox.Chrome 等浏览器 • 在一个页面内可同时生成多个 Tree 实例 • 支持 JSON 数据 • 支持一次性静态生成 和 Ajax 异步加载

权限分配之一级菜单保留原搜索条件

如何一直携带 当前GET请求中, ?mid=1&age=2&name=alex先看一看问题的产生:1.我的菜单列表页面,当我点击,某一个菜单选项时.会发送一个GET请求,并且将当前这个菜单的 id 发送到服务端.服务端进行页面渲染时, 会为这个菜单添加一个,calss="active":看代码: <tr class="{% if menu_id == menu.pk|safe %}active{% endif %}"> <th>

jquery easy ui 1.5最新版本 简单的权限分配

jquery easy 1.5 Maven+servlet+jsp+jdbc实现权限管理分配 首先,我先说明下,我只是一个菜鸟,我只是在编程道路上摸索的一个的小码农.做开发三年了,这好像是我第一次写博客.以前接触过类似于jquery easy  ui 的DWZ,是我第一家公司用的UI框架.所以用easy ui感觉很快能上手.都是基于jquery 的ui框架.好,废话少说.此次项目我是用最基础的jsp+servlet+jdbc写的,同时加入了maven管理jar包以及发布.应该很好理解的. 1.准