added parents method for the tree.

atatanasov · Apr 30, 2018 · f4c4d78 · f4c4d78
1 parent 0bb475a
commit f4c4d78
Show file tree

Hide file tree

Showing 8 changed files with 135 additions and 2 deletions.
diff --git a/dist/combined/js/gijgo.js b/dist/combined/js/gijgo.js
@@ -10534,6 +10534,23 @@ gj.tree.methods = {
             $tree.removeClass().empty();
         }
         return $tree;
+    },
+
+    pathFinder: function (data, list, id, parents) {
+        var i, result = false;
+
+        for (i = 0; i < list.length; i++) {
+            if (list[i].id == id) {
+                result = true;
+                break;
+            } else if (gj.tree.methods.pathFinder(data, list[i].children, id, parents)) {
+                parents.push(list[i].data[data.textField]);
+                result = true;
+                break;
+            }
+        }
+
+        return result;
     }
 }
 /**
@@ -11131,6 +11148,30 @@ gj.tree.widget = function ($element, jsConfig) {
         return methods.getChildren(this, $node, cascade);
     };
 
+    /**
+     * Return an array with the names of all parents.
+     * @method
+     * @param {String} id - The id of the target node
+     * @return array
+     * @example sample <!-- tree -->
+     * Location: <div id="location" style="display: inline-block;"></div>
+     * <div id="tree"></div>
+     * <script>
+     *     var tree = $('#tree').tree({
+     *         dataSource: '/Locations/Get',
+     *         select: function (e, node, id) {
+     *             var parents = tree.parents(id);
+     *             $('#location').text(parents.join(' / ') + ' / ' + tree.getDataById(id).text);
+     *         }
+     *     });
+     * </script>
+     */
+    self.parents = function (id) {
+        var parents = [], data = this.data();
+        methods.pathFinder(data, data.records, id, parents);
+        return parents.reverse();
+    };
+
     /**
      * Enable node from the tree.
      * @method

diff --git a/dist/combined/js/gijgo.min.js b/dist/combined/js/gijgo.min.js
diff --git a/dist/modular/js/tree.js b/dist/modular/js/tree.js
@@ -685,6 +685,23 @@ gj.tree.methods = {
             $tree.removeClass().empty();
         }
         return $tree;
+    },
+
+    pathFinder: function (data, list, id, parents) {
+        var i, result = false;
+
+        for (i = 0; i < list.length; i++) {
+            if (list[i].id == id) {
+                result = true;
+                break;
+            } else if (gj.tree.methods.pathFinder(data, list[i].children, id, parents)) {
+                parents.push(list[i].data[data.textField]);
+                result = true;
+                break;
+            }
+        }
+
+        return result;
     }
 }
 /**  */gj.tree.widget = function ($element, jsConfig) {
@@ -796,6 +813,13 @@ gj.tree.methods = {
         return methods.getChildren(this, $node, cascade);
     };
 
+    /**
+     * Return an array with the names of all parents.     */    self.parents = function (id) {
+        var parents = [], data = this.data();
+        methods.pathFinder(data, data.records, id, parents);
+        return parents.reverse();
+    };
+
     /**
      * Enable node from the tree.     */    self.enable = function ($node, cascade) {
         return methods.enableNode(this, $node, cascade);

diff --git a/dist/modular/js/tree.min.js b/dist/modular/js/tree.min.js
diff --git a/examples/tree/Tree.Base.parents.sample.html b/examples/tree/Tree.Base.parents.sample.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Example</title>
+  <script src="../../dist/libraries/jquery/jquery.js"></script>
+  <script src="../../dist/modular/js/core.js" type="text/javascript"></script>
+  <link href="../../dist/modular/css/core.css" rel="stylesheet" type="text/css">
+  <link href="../../dist/modular/css/tree.css" rel="stylesheet" type="text/css">
+  <script src="../../dist/modular/js/tree.js"></script>
+</head>
+<body style="padding: 8px;">
+ Location: <div id="location" style="display: inline-block;"></div>
+ <div id="tree"></div>
+ <script>
+     var tree = $('#tree').tree({
+         dataSource: '/Locations/Get',
+         select: function (e, node, id) {
+             var parents = tree.parents(id);
+             $('#location').text(parents.join(' / ') + ' / ' + tree.getDataById(id).text);
+         }
+     });
+ </script>
+</body>
+</html>
diff --git a/examples/tree/index.html b/examples/tree/index.html
@@ -80,6 +80,7 @@
 <li><a href="Tree.Base.getSelections.Sample.html">Tree.Base.getSelections.Sample</a></li>
 <li><a href="Tree.Base.getChildren.Cascade.True.html">Tree.Base.getChildren.Cascade.True</a></li>
 <li><a href="Tree.Base.getChildren.Cascade.False.html">Tree.Base.getChildren.Cascade.False</a></li>
+<li><a href="Tree.Base.parents.sample.html">Tree.Base.parents.sample</a></li>
 <li><a href="Tree.Base.enable.Material.Design.html">Tree.Base.enable.Material.Design</a></li>
 <li><a href="Tree.Base.enable.Bootstrap.html">Tree.Base.enable.Bootstrap</a></li>
 <li><a href="Tree.Base.enable.Bootstrap.4.html">Tree.Base.enable.Bootstrap.4</a></li>

diff --git a/src/tree/js/tree.base.methods.js b/src/tree/js/tree.base.methods.js
@@ -507,5 +507,22 @@ gj.tree.methods = {
             $tree.removeClass().empty();
         }
         return $tree;
+    },
+
+    pathFinder: function (data, list, id, parents) {
+        var i, result = false;
+
+        for (i = 0; i < list.length; i++) {
+            if (list[i].id == id) {
+                result = true;
+                break;
+            } else if (gj.tree.methods.pathFinder(data, list[i].children, id, parents)) {
+                parents.push(list[i].data[data.textField]);
+                result = true;
+                break;
+            }
+        }
+
+        return result;
     }
 }
diff --git a/src/tree/js/tree.base.widget.js b/src/tree/js/tree.base.widget.js
@@ -593,6 +593,30 @@ gj.tree.widget = function ($element, jsConfig) {
         return methods.getChildren(this, $node, cascade);
     };
 
+    /**
+     * Return an array with the names of all parents.
+     * @method
+     * @param {String} id - The id of the target node
+     * @return array
+     * @example sample <!-- tree -->
+     * Location: <div id="location" style="display: inline-block;"></div>
+     * <div id="tree"></div>
+     * <script>
+     *     var tree = $('#tree').tree({
+     *         dataSource: '/Locations/Get',
+     *         select: function (e, node, id) {
+     *             var parents = tree.parents(id);
+     *             $('#location').text(parents.join(' / ') + ' / ' + tree.getDataById(id).text);
+     *         }
+     *     });
+     * </script>
+     */
+    self.parents = function (id) {
+        var parents = [], data = this.data();
+        methods.pathFinder(data, data.records, id, parents);
+        return parents.reverse();
+    };
+
     /**
      * Enable node from the tree.
      * @method