X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..25ef3491bd9ae007ff1fc2b0d7943e6eaaccf775:/docs/source/xml-tree-loader.html diff --git a/docs/source/xml-tree-loader.html b/docs/source/xml-tree-loader.html deleted file mode 100644 index b036ed11..00000000 --- a/docs/source/xml-tree-loader.html +++ /dev/null @@ -1,102 +0,0 @@ - - - The source code - - - - -
-//
-// Extend the XmlTreeLoader to set some custom TreeNode attributes specific to our application:
-//
-Ext.app.BookLoader = Ext.extend(Ext.ux.tree.XmlTreeLoader, {
-    processAttributes : function(attr){
-        if(attr.first){ // is it an author node?
-
-            // Set the node text that will show in the tree since our raw data does not include a text attribute:
-            attr.text = attr.first + ' ' + attr.last;
-
-            // Author icon, using the gender flag to choose a specific icon:
-            attr.iconCls = 'author-' + attr.gender;
-
-            // Override these values for our folder nodes because we are loading all data at once.  If we were
-            // loading each node asynchronously (the default) we would not want to do this:
-            attr.loaded = true;
-            attr.expanded = true;
-        }
-        else if(attr.title){ // is it a book node?
-
-            // Set the node text that will show in the tree since our raw data does not include a text attribute:
-            attr.text = attr.title + ' (' + attr.published + ')';
-
-            // Book icon:
-            attr.iconCls = 'book';
-
-            // Tell the tree this is a leaf node.  This could also be passed as an attribute in the original XML,
-            // but this example demonstrates that you can control this even when you cannot dictate the format of
-            // the incoming source XML:
-            attr.leaf = true;
-        }
-    }
-});
-
-Ext.onReady(function(){
-
-    var detailsText = 'Select a book to see more information...';
-
-	var tpl = new Ext.Template(
-        '

{title}

', - '

Published: {published}

', - '

Synopsis: {innerText}

', - '

Purchase from Amazon

' - ); - tpl.compile(); - - new Ext.Panel({ - title: 'Reading List', - renderTo: 'tree', - layout: 'border', - width: 500, - height: 500, - items: [{ - xtype: 'treepanel', - id: 'tree-panel', - region: 'center', - margins: '2 2 0 2', - autoScroll: true, - rootVisible: false, - root: new Ext.tree.AsyncTreeNode(), - - // Our custom TreeLoader: - loader: new Ext.app.BookLoader({ - dataUrl:'xml-tree-data.xml' - }), - - listeners: { - 'render': function(tp){ - tp.getSelectionModel().on('selectionchange', function(tree, node){ - var el = Ext.getCmp('details-panel').body; - if(node && node.leaf){ - tpl.overwrite(el, node.attributes); - }else{ - el.update(detailsText); - } - }) - } - } - },{ - region: 'south', - title: 'Book Details', - id: 'details-panel', - autoScroll: true, - collapsible: true, - split: true, - margins: '0 2 2 2', - cmargins: '2 2 2 2', - height: 220, - html: detailsText - }] - }); -});
- - \ No newline at end of file