WIP: implement family tree

Author: dabeng

demo/family-tree.html

@@ -20,9 +20,9 @@
     $(function() {
 
       var datascource = [
-        { 'id': '1', 'name': 'Lao Ye', 'title': 'vice general manager', 'gender': 'male' },
+        { 'id': '1', 'name': 'Lao Ye', 'title': 'general manager', 'gender': 'male' },
         { 
-          'id': '2', 'name': 'Lao Lao', 'title': 'general manager', 'gender': 'female',
+          'id': '2', 'name': 'Lao Lao', 'title': 'vice general manager', 'gender': 'female',
           'children': [
             [
               { 'id': '3', 'name': 'Bo Miao', 'title': 'department manager', 'gender': 'female' },

dist/js/jquery.orgchart.js

@@ -1467,10 +1467,14 @@
       // Construct the single node in OrgChart or the multiple nodes in family tree
       if (Array.isArray(data)) {
         $.each(data, function () {
-          $nodeDiv = that.createNode(data);
-          $hierarchy.append($nodeDiv);
-          if (data.children && data.children.length) {
-            that.buildInferiorNodes($hierarchy, $nodeDiv, data, level);
+          $nodeDiv = that.createNode(this);
+          if ($hierarchy.children('.node').length) {
+            $hierarchy.children('.node:first').after($nodeDiv);
+          } else {
+            $hierarchy.append($nodeDiv);
+          }
+          if (this.children && this.children.length) {
+            that.buildInferiorNodes($hierarchy, $nodeDiv, this, level);
           }
         });
       } else {

dist/js/jquery.orgchart.min.js

@@ -1467,10 +1467,14 @@
       // Construct the single node in OrgChart or the multiple nodes in family tree
       if (Array.isArray(data)) {
         $.each(data, function () {
-          $nodeDiv = that.createNode(data);
-          $hierarchy.append($nodeDiv);
-          if (data.children && data.children.length) {
-            that.buildInferiorNodes($hierarchy, $nodeDiv, data, level);
+          $nodeDiv = that.createNode(this);
+          if ($hierarchy.children('.node').length) {
+            $hierarchy.children('.node:first').after($nodeDiv);
+          } else {
+            $hierarchy.append($nodeDiv);
+          }
+          if (this.children && this.children.length) {
+            that.buildInferiorNodes($hierarchy, $nodeDiv, this, level);
           }
         });
       } else {