1. Build a org tree use jquery
先动态构建一组UL / LI 对象。然后运行
$("#org").jOrgChart();
function BuildOrg() {
var li = document.createElement("li");
//$("#org").append("<li>hello world fdd</li>");
$("#org").append(li);
var root = getObjects(orgData, "ManagerID", "0");
li.innerHTML = getShow(root[0]);
BuildOrgNode(li, root[0].MemberID);
}
function BuildOrgNode(node, id) {
var children = getObjects(orgData, "ManagerID", id);
if (children.length > 0)
{
//create UL
var ul = document.createElement("ul");
node.appendChild(ul);
$.each(children, function (i, item) {
var li = document.createElement("li");
li.innerHTML = getShow(item);
ul.appendChild(li);
BuildOrgNode(li, item.MemberID);
});
}
}
function getObjects(obj, key, val) {
var objects = [];
for (var i in obj) {
if (!obj.hasOwnProperty(i)) continue;
if (typeof obj[i] == 'object') {
objects = objects.concat(getObjects(obj[i], key, val));
} else if (i == key && obj[key] == val) {
objects.push(obj);
}
}
return objects;
}