zTree--jQueryツリープラグインによる権限管理


1.zTree--jQueryツリープラグインのダウンロード
  
解凍後、プロジェクトにjs、css、ピクチャスタイルを導入します.(注意公式サイトのDemoを見て、チェックボックス付きとチェックボックスなしでは異なるjsファイルが必要です)
2.
フロントjs
        
$("#menuList").live("click",function(){
        $('#addform').addClass('is-visible');
        //$('#fom').attr('action', '${basePath }/user/addAccess');
        $('#_method').val('POST');
        var zNodes;
        var setting = {
                check: {
                    enable: true
                },
                data: {
                    simpleData: {
                        enable: true
                    }
                },
                callback:{
                    onCheck:onCheck
                }
            };
        $.ajax({
            url:"${basePath}/access/menu",
            cache:false,
            async:true,
            dataType: "json",
            success:function(map){
                var menus = map.menus;
                var bf = "" ;
                for (var i = 0; i < menus.length; i++) {
                    var menu = menus[i];
                    pid = menu.parentId;  
                    id = menu.id;  
                    cname = menu.menuName;  
                     bf = bf + "{id:"+id+",pId:"+pid+",name:'"+cname+"',open:true},";
                     
                }
                bf = "[" + bf.substring(0, bf.length-1) + "]";
                zNodes = bf;
                var zNodes = eval("("+zNodes+")");  
                $.fn.zTree.init($("#addAccess"), setting, zNodes);
                var array = $('input[id="menuList"]').val();
                var array=array.split(",");
                 var treeObj=$.fn.zTree.getZTreeObj("addAccess");
                 for (var i=0;i