您的位置:首页 > Web前端 > JavaScript

js 页面加载树形菜单结构

2017-04-11 11:34 471 查看
1.通过sql语句查询子父关系结构

select a.eventid as grouppeventid,a.groupname as groupName
from (select t.eventid,
t.groupname,
t.grouppeventid
from gps_groups t
connect by prior t.eventid = t.grouppeventid
start with t.grouppeventid is null
) a
where 1 = 1 ;


2.通过Java获得JSONArray

JSONArray array = treeMenuList(JSONArray.fromObject(resultList));
//菜单树形结构
public JSONArray treeMenuList(JSONArray menuList, int parentId) {
JSONArray childMenu = new JSONArray();
for (Object object : menuList) {
JSONObject jsonMenu = JSONObject.fromObject(object);
int menuId = jsonMenu.getInt("id");
int pid = jsonMenu.getInt("parentId");
if (parentId == pid) {
JSONArray c_node = treeMenuList(menuList, menuId);
jsonMenu.put("childNode", c_node);
childMenu.add(jsonMenu);
}
}
return childMenu;
}


3.通过JS加载到easyui Tree组件上

function filterTree(data){
var iRtn = [] ;
for(var i=0;i<=data.length-1;i++){
var arr = [] ;
var json = data[i];
// 转换成Tree所要的格式
var obj = {} ;
// 对children进行遍历
if(json.children && json.children.length>0){
arr = this.filterTree(json.children);
}
obj.children = arr ;
iRtn.push(arr);
}
return iRtn ;
}

initTree:function(){
$("#xxx").tree({
url:"xxxx.action",
lines:true,
loadFilter: function(e){
return this.filterTree(e.items);
},
onClick:function(node){
xx.curnode=node;
xxx.treeData2Form(node.menu);
}
});
},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: