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>