AUI-1156 - Demo

demos/tree/assets/pages.html

@@ -0,0 +1,17 @@
+[
+  {
+    "label": "subchild-one",
+    "leaf": true,
+    "type": "node"
+  },
+  {
+    "label": "subchild-two",
+    "leaf": true,
+    "type": "node"
+  },
+  {
+    "label": "subchild-three",
+    "leaf": true,
+    "type": "node"
+  }
+]

demos/tree/index.html

@@ -21,11 +21,13 @@ <h2>TreeView normal with drag and drop and undraggable elements</h2>
             <div class="span4">
                 <h2>TreeView file with IO</h2>
                 <div id="treeio"></div>
-            </div>
-            <div class="span4">
                 <h2>TreeViewDD file with IO</h2>
                 <div id="treeioDD"></div>
             </div>
+            <div class="span4">
+                <h2>TreeView with Tree Paginator</h2>
+                <div id="treepaginator"></div>
+            </div>
         </div>
     </div>
     <script>
@@ -209,6 +211,35 @@ <h2>TreeViewDD file with IO</h2>
             type: 'file'
         }).render();
 
+         var treeViewPaginator = new Y.TreeView({
+            boundingBox: '#treepaginator',
+        }).render();
+
+        var rootTreeNodePaginator = new Y.TreeNode(
+            {
+                children: [
+                    {
+                        id: 'child-one',
+                        io: 'assets/pages.html',
+                        label: 'child-one',
+                        paginator: {
+                            limit: 3,
+                            offsetParam: 'start',
+                            start: 0,
+                            total: 6
+                        },
+                        type: 'io'
+                    },
+                    { label: 'child-two' },
+                    { label: 'child-three' },
+                    { label: 'child-four' }
+                ],
+                label: 'root-one',
+                id: 'root-one'
+            }
+        );
+
+         treeViewPaginator.appendChild(rootTreeNodePaginator);
     });
     </script>
 </body>