fixed #334

atatanasov · May 2, 2018 · b55dbfd · b55dbfd
1 parent f4c4d78
commit b55dbfd
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 12 deletions.
diff --git a/dist/combined/js/gijgo.js b/dist/combined/js/gijgo.js
@@ -12056,8 +12056,11 @@ gj.tree.plugins.lazyLoading = {
                     response = JSON.parse(response);
                 }
                 if (response && response.length) {
-                    $list = $('<ul />').addClass(data.style.list);
-                    $node.append($list);
+                    $list = $node.children('ul');
+                    if ($list.length === 0) {
+                        $list = $('<ul />').addClass(data.style.list);
+                        $node.append($list);
+                    }
                     for (i = 0; i < response.length; i++) {
                         $tree.addNode(response[i], $list);
                     }

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
@@ -1322,8 +1322,11 @@ gj.tree.widget.constructor = gj.tree.widget;
                     response = JSON.parse(response);
                 }
                 if (response && response.length) {
-                    $list = $('<ul />').addClass(data.style.list);
-                    $node.append($list);
+                    $list = $node.children('ul');
+                    if ($list.length === 0) {
+                        $list = $('<ul />').addClass(data.style.list);
+                        $node.append($list);
+                    }
                     for (i = 0; i < response.length; i++) {
                         $tree.addNode(response[i], $list);
                     }

diff --git a/dist/modular/js/tree.min.js b/dist/modular/js/tree.min.js
diff --git a/examples/tests/temptree.html b/examples/tests/temptree.html
@@ -7,19 +7,26 @@
     <script src="../../dist/combined/js/gijgo.js"></script>
 </head>
 <body>
-    <button onclick="tree.addNode({ Title: 'node1'})">Add node1</button>
+    <button onclick="add()">Add node1</button>
     <button onclick="tree.addNode({ Title: 'node1-1' }, tree.getNodeByText('node1'))">Add node1-1</button>
     <button onclick="alert(tree.getNodeByText('node1').html())">Get node1</button>
     <div id="tree"></div>
     <script>
+        var tree;
         $(document).ready(function () {
-            $('#tree').tree({
+            tree = $('#tree').tree({
                 primaryKey: 'id',
                 dataSource: '/Locations/LazyGet',
-                lazyLoading: true,
-                checkboxes: true
+                lazyLoading: true
             });
         });
+        function add() {
+            var nodeId = tree.getSelections()[0];
+            var parent = tree.getNodeById(nodeId);
+            tree.expand(parent);
+            tree.addNode({ id: 77, text: "new folder", url: "", lazy: true, icon: "" }, parent);
+        }
+
     </script>
 </body>
 </html>
diff --git a/src/tree/js/tree.lazyLoading.js b/src/tree/js/tree.lazyLoading.js
@@ -51,8 +51,11 @@ gj.tree.plugins.lazyLoading = {
                     response = JSON.parse(response);
                 }
                 if (response && response.length) {
-                    $list = $('<ul />').addClass(data.style.list);
-                    $node.append($list);
+                    $list = $node.children('ul');
+                    if ($list.length === 0) {
+                        $list = $('<ul />').addClass(data.style.list);
+                        $node.append($list);
+                    }
                     for (i = 0; i < response.length; i++) {
                         $tree.addNode(response[i], $list);
                     }