博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI之Tree树形结构(三)
阅读量:6412 次
发布时间:2019-06-23

本文共 2223 字,大约阅读时间需要 7 分钟。

我们在做类似于角色管理的功能时,需要根据角色查询出具体绑定的权限信息,然后选中tree树形节点,效果如下:

前端html代码:

    
     //先加载出tree树形结果,参考上篇文章 https://juejin.im/post/5cea4ddf6fb9a07ecc446196      
             
              
    确定
    取消         
        
    复制代码

    js代码:

    confirmEdit:function () {    var funIds = SysResource.list.getChecked();    var data = {        "roleId" :editRowId,        "menuIdList":funIds    };    $.ajax({        type : "POST",        url : SysResource.URL.saveAuthority(),        data: data,        traditional: true,        success : function(data) {            if (data.msg == "success") {                //居中显示,延时500ms消失                $.messager.show({ msg : "操作成功",title : '成功',showType: 'fade',timeout: 500,style: {                }});                SysResource.list.closeWin();            }else{                $.messager.alert('错误',"操作失败",'error');            }        }    });},editRole:function (roleId) {    editRowId=roleId;    //1.取消所有选择    var root = $('#tt').tree('getRoots');    $(root).each(function(i,obj){        $("#tt").tree('uncheck',obj.target);        $("#tt").tree('collapseAll',obj.target);    });    //2.加载权限,动态选择    var url = SysResource.URL.get(roleId);    $.ajax({        cache : true,        type : "GET",        url : url,        async : false,        success : function(result) {            if(result.data.menuIdList == undefined || result.data.menuIdList==null || result.data.menuIdList.length == 0){                return;            }            $(result.data.menuIdList).each(function(i,obj){                var node = $("#tt").tree('find',obj);                if(node !=null && node != undefined && Number(node.pid)!=0){                    //父节点不是0,代表不是一级菜单                    if(node.children != null && node.children.length !=0){                        //菜单下还有按钮                        if(Number(node.isLeaf)==2){                            $('#tt').tree('check', node.target);                        }                    }else{                        $('#tt').tree('check', node.target);                    }                }            });        }    });    $("#win").window('open');}复制代码

    转载于:https://juejin.im/post/5cea523d518825332a1ef6af

    你可能感兴趣的文章
    我的友情链接
    查看>>
    OpenSSL学习(十六):基础-指令rand
    查看>>
    KeyMob致力于打造国内领先的移动广告平台
    查看>>
    路由选路原则
    查看>>
    jvm 学习(一)
    查看>>
    JavaScript简介
    查看>>
    SQL Server附加数据库拒绝访问解决方法汇总
    查看>>
    SM2算法原理及实现
    查看>>
    RHCA教材翻译计划
    查看>>
    js-小括号在不同场合下的作用
    查看>>
    我的友情链接
    查看>>
    kvm中虚拟机的硬盘扩容
    查看>>
    Android (Launch Mode) 四种启动模式
    查看>>
    透视学理论(二)
    查看>>
    Dubbo/HSF在Service Mesh下的思考和方案
    查看>>
    Django form表单
    查看>>
    CTYL-9.14(tomcat端口与阿里云安全组,域名与tomcat配置,域名与反向代理)
    查看>>
    Java 多线程相关问题记录
    查看>>
    LNMP架构介绍、MySQL安装、PHP安装、 Nginx介绍
    查看>>
    简单的Spark+Mysql整合开发
    查看>>