码迷,mamicode.com
首页 > Web开发 > 详细

JSOrgChart

时间:2016-07-25 00:00:46      阅读:1377      评论:0      收藏:0      [点我收藏+]

标签:

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;
    }

  

JSOrgChart

标签:

原文地址:http://www.cnblogs.com/alwaysdotnet/p/5701922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!