jOrgChart 后端取数--递归构建map

zengshaotao

浏览: 786677 次
性别:
来自: 上海

最近访客更多访客>>

njdccy

AK1343794853

chehaoj

jstl1point0

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java
JQuery
开发小记

<!DOCTYPE html>

<title>jOrgChart - A jQuery OrgChart Plugin</title>

jQuery(document).ready(function () {

loadtree();

});

//menu_list为json数据

//parent为要组合成html的容器

function showall(menu_list, parent) {

for (var menu in menu_list) {

//如果有子节点，则遍历该子节点

if (menu_list[menu].children.length > 0) {

//创建一个子节点li

var li = $("<li></li>");

//将li的文本设置好，并马上添加一个空白的ul子节点，并且将这个li添加到父亲节点中

$(li).append(" <a href='javascript:void(0)' onclick='xx(" + menu_list[menu].id + ");'>" + menu_list[menu].name + "</a>").append("<ul></ul>").appendTo(parent);

//将空白的ul作为下一个递归遍历的父亲节点传入

showall(menu_list[menu].children, $(li).children().eq(1));

}else {

//如果该节点没有子节点，则直接将该节点li以及文本创建好直接添加到父亲节点中

$("<li></li>").append(" <a href='javascript:void(0)' onclick='defineFunc(" + menu_list[menu].id + ");'>" + menu_list[menu].name + "</a>").appendTo(parent);

}

function loadtree() {

$.ajax({

url: '<%=request.getContextPath()%>/batchIssueManage.do?method=jsonJorg',

type : "post",

error: function () { alert('Error loading PHP document'); },

dataType : 'json',

success: function (result) {

// var json = eval("["+result+"]");//这里中间的括号为中括号使数据类似[{"username":"张三","content":"沙发"}];的格式

var showlist = $("<ul id='org' style='display:none'></ul>");

showall(result, showlist);

//将生成好的固定格式的ul

$("#f").append(showlist);

$("#org").jOrgChart();

}

});

}

function loadtree111() {

var res = [{

"id": 1,

"name": "根节点",

"children": [

{

"id": 2,

"name": "第二层1",

"data": "",

"children": ""

{

"id": 3,

"name": "第二层2",

"data": "",

"children": ""

}

]

}];

//var json = eval("("+res+")");

var showlist = $("<ul id='org' style='display:none'></ul>");

showall(res, showlist);

//将生成好的固定格式的ul

$("#f").append(showlist);

$("#org").jOrgChart();

/* $("#org").jOrgChart({

chartElement : "#chart",

dragAndDrop : false

}); */

}

function defineFunc(id){

alert(id+",ddd");

}

</script>

</head>

<a class="brand" href="#">jQuery Organisation Chart</a>

</div>

</body>

</html>

action方法：

public ActionForward jsonJorg(ActionMapping mapping, ActionForm form,

HttpServletRequest request, HttpServletResponse response) {

//组织树的顶层节点信息

Map m = new HashMap();

m.put("id", "9903");

m.put("name", "业务单元");

m.put("data", "");

Map tree = getCurr(m);

JSONArray jsonAry = JSONArray.fromObject(m);

String jsonStr = jsonAry.toString();

response.setContentType("text/plain;charset=UTF-8");

//如果这里不输出json信息，前端form提交回调的success方法就不会执行

try {

response.getWriter().write(jsonStr);

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

//得到当前节点的子节点内容

public Map getCurr(Map m){

String currId = (String)m.get("id");

List childMap = new ArrayList();

List childList = BatchIssueManageDAO.getChildren(currId);

//有孩子节点，本身非叶子节点

if(childList!=null && childList.size()>0){

//java的内部集合数据的处理机制，比单纯的for循环速度快，内容消耗还不是随机的，不会造成内存碎片

Iterator it = childList.iterator();

while(it.hasNext()){

Map mi = (Map)it.next();

mi.put("id", mi.get("ID"));

mi.put("name", mi.get("NAME"));

childMap.add(mi);

m.put("children", childMap);

getCurr(mi);//递归查找子节点的下级信息

}

}else{

m.put("children", "");

}

return null;

}

后端的DAO简单，就是一个select，此处不再详述！

分享到：

$.browser.msie为空 | jOrgChart 后端取数--手工构建map

2016-03-03 11:41
浏览 773
评论(0)
分类:企业架构
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论