3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
\r
4 <title>XML Grid Example</title>
\r
7 <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
8 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
10 <script type="text/javascript" src="../../roojs-all.js"></script>
12 <script type="text/javascript" src="xml-grid.js"></script>
\r
13 <link rel="stylesheet" type="text/css" href="grid-examples.css" />
\r
15 <!-- Common Styles for the examples -->
\r
16 <link rel="stylesheet" type="text/css" href="../examples.css" />
\r
20 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
\r
21 <h1>XML Grid Example</h1>
\r
22 <p>This example shows how to load a grid with XML data. For more details on this example, see <a href="http://www.jackslocum.com/yui/2006/08/31/a-grid-component-for-yahoo-ui-part-2/">the blog post</a>.</p>
\r
24 <p>This grid also uses autoHeight and autoWidth to dynamically size to fit it's data and columns.</p>
\r
26 <p>Note that the js is not minified so it is readable. See <a href="xml-grid.js">xml-grid.js</a>.</p>
\r
28 <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>
\r
30 <!-- a place holder for the grid. requires the unique id to be passed in the javascript function, and width and height ! -->
\r
31 <div id="example-grid" class="x-grid-mso" style="border: 1px solid #c3daf9; overflow: hidden; width:520px;"></div>
\r