zTree--jQueryツリープラグインによる権限管理
1.zTree--jQueryツリープラグインのダウンロード
解凍後、プロジェクトにjs、css、ピクチャスタイルを導入します.(注意公式サイトのDemoを見て、チェックボックス付きとチェックボックスなしでは異なるjsファイルが必要です)
2.
フロントjs
解凍後、プロジェクトに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