examples/grid/xml-grid.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4 <title>XML Grid Example</title>
   5 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6
   7     <!-- GC -->
   8         <!-- LIBS -->
   9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  10         <!-- ENDLIBS -->
  11
  12     <script type="text/javascript" src="../../ext-all.js"></script>
  13
  14 <script type="text/javascript" src="xml-grid.js"></script>
  15 <link rel="stylesheet" type="text/css" href="grid-examples.css" />
  16
  17 <!-- Common Styles for the examples -->
  18 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  19 </head>
  20 <body>
  21 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  22 <h1>XML Grid Example</h1>
  23 <p>This example shows how to load a grid with XML data.</p>
  24
  25 <p>This grid also uses autoHeight and autoWidth to dynamically size to fit it's data and columns.</p>
  26
  27 <p>Note that the js is not minified so it is readable. See <a href="xml-grid.js">xml-grid.js</a>.</p>
  28
  29 <p>The data in the grid is loaded from <a href="sheldon.xml">sheldon.xml</a>, which is directly from an Amazon.com search.</p>
  30
  31 <!-- a place holder for the grid. requires the unique id to be passed in the javascript function, and width and height ! -->
  32 <div id="example-grid"></div>
  33
  34 </body>
  35 </html>