X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/tree/xml-tree.js

diff --git a/examples/tree/xml-tree.js b/examples/tree/xml-tree.js
new file mode 100644
index 00000000..11145391
--- /dev/null
+++ b/examples/tree/xml-tree.js
@@ -0,0 +1,51 @@
+Ext.require([
+    'Ext.tree.*',
+    'Ext.data.*'
+]);
+
+Ext.onReady(function() {
+
+    var store = Ext.create('Ext.data.TreeStore', {
+        proxy: {
+            type: 'ajax',
+            url: 'get-nodes.php',
+            extraParams: {
+                isXml: true
+            },
+            reader: {
+                type: 'xml',
+                root: 'nodes',
+                record: 'node'
+            }
+        },
+        sorters: [{
+            property: 'leaf',
+            direction: 'ASC'
+        },{
+            property: 'text',
+            direction: 'ASC'
+        }],
+        root: {
+            text: 'Ext JS',
+            id: 'src',
+            expanded: true
+        }
+    });
+
+    // create the Tree
+    var tree = Ext.create('Ext.tree.Panel', {
+        store: store,
+        hideHeaders: true,
+        rootVisible: true,
+        viewConfig: {
+            plugins: [{
+                ptype: 'treeviewdragdrop'
+            }]
+        },
+        height: 350,
+        width: 400,
+        title: 'Directory Listing',
+        renderTo: 'tree-example',
+        collapsible: true
+    });
+});