easyui实现权限管理

在js中:

function makeEasyTree(data){
if(!data)
return [];
var _newData = []; //最终返回结果
var _treeArray = {}; //记录一级节点
var _root = 0; //最顶层fid
var _idKey = "id"; //主键的键名
var _fidKey = "fid"; //父ID的键名
_getChildren(_root);
function _getChildren($root){
var $children = [];
for (var i in data){
if($root == data[i][_fidKey]){
data[i]["children"] = _getChildren(data[i][_idKey]);
$children.push(data[i]);
}
//只要一级节点
if(_root == data[i][_fidKey] && !_treeArray[data[i][_idKey]]){
_treeArray[data[i][_idKey]] = data[i];
_newData.push(data[i]);
}
}
return $children;
}
return _newData;
}


var menuData
var hh
$(function(){
menuData=[];
$.ajax({
type:"POST",
url:'power/allpower',
dataType: "json",
success:function(data){
for(var i in data){
hh={"id":data[i].id,
"fid":data[i].f_id,
"text":data[i].name,
"attributes":{ "url":data[i].url },
/*"nodeurl":data[i].url,*/
"state":"closed",


};
menuData.push(hh)
}
menuData = makeEasyTree(menuData);
$('#tt').tree({data:menuData,

})
$('#tt').tree("options").cascadeCheck=false
}

})

$('#tt').tree({
"checkbox":"true",
});

})

在jsp中:

<ul id="tt" class="easyui-tree" ></ul> 

数据库:

控制层:

就是把数据库的内容通过ajax全部导入进来

原文地址:https://www.cnblogs.com/niuxi/p/5793988.html