Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / examples / tree / xml-tree-loader.html
1 <html>
2 <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4     <title>XmlTreeLoader Example</title>
5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
6         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
7
8     <link rel="stylesheet" type="text/css" href="xml-tree-loader.css" />
9     <script type="text/javascript" src="../../ext-all.js"></script>
10     <script type="text/javascript" src="../ux/XmlTreeLoader.js"></script>
11     <script type="text/javascript" src="xml-tree-loader.js"></script>
12
13     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
14     <script type="text/javascript" src="../shared/examples.js"></script>
15 </head>
16 <body>
17
18     <h1>XmlTreeLoader Example</h1>
19     <p>Demonstrates extending the native <tt>Ext.tree.TreeLoader</tt> to support loading XML data via the
20     custom <a href="../ux/XmlTreeLoader.js">Ext.ux.tree.XmlTreeLoader</a> class.</p>
21     <p>The XmlTreeLoader is then further extended to demonstrate additional custom, application-specific node processing.</p>
22     <p>The js is not minified so it is readable. See <a href="xml-tree-loader.js">xml-tree-loader.js</a>.</p>
23     <p>This demo loads an XML file in the following format:</p>
24     <p>
25         <pre style="font-size:11px;">
26     &lt;authors>
27         &lt;author first="Fyodor" last="Dostoevsky" gender="m">
28             &lt;book title="Crime and Punishment" published="1866" url="http://...">
29                 Raskolnikov, a destitute and desperate former student...
30             &lt;/book>
31             ...
32         &lt;/author>
33         ...
34     &lt;/authors>
35         </pre>
36     </p>
37
38     <div id="tree"></div>
39
40 </body>
41 </html>