博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI之Tree树形结构(三)
阅读量:6424 次
发布时间: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

    你可能感兴趣的文章
    分布式文件系统MogileFS
    查看>>
    Java23种设计模式案例:策略模式(strategy)
    查看>>
    XML解析之DOM4J
    查看>>
    图解微服务架构演进
    查看>>
    SQL PATINDEX 详解
    查看>>
    CSP -- 运营商内容劫持(广告)的终结者
    查看>>
    DIV+CSS命名规范有助于SEO
    查看>>
    web项目buildPath与lib的区别
    查看>>
    我的友情链接
    查看>>
    ifconfig:command not found的解决方法
    查看>>
    计算机是怎么存储数字的
    查看>>
    Codeforces Round #369 (Div. 2) A. Bus to Udayland 水题
    查看>>
    adb上使用cp/mv命令的替代方法(failed on '***' - Cross-device link解决方法)
    查看>>
    C++标准库简介、与STL的关系。
    查看>>
    Spring Boot 3 Hibernate
    查看>>
    查询EBS请求日志的位置和名称
    查看>>
    大型机、小型机、x86服务器的区别
    查看>>
    J2EE十三个规范小结
    查看>>
    算法(第四版)C#题解——2.1
    查看>>
    网关支付、银联代扣通道、快捷支付、银行卡支付分别是怎么样进行支付的?...
    查看>>