examples/grid/array-grid.html

   1 <html>\r
   2 <head>\r
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
   4     <title>Stateful Array Grid Example</title>\r
   5 \r
   6     <!-- ** CSS ** -->\r
   7     <!-- base library -->\r
   8     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   9 \r
  10     <!-- overrides to base library -->\r
  11 \r
  12     <!-- page specific -->\r
  13     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  14     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  15 \r
  16     <style type=text/css>\r
  17         /* style rows on mouseover */\r
  18         .x-grid3-row-over .x-grid3-cell-inner {\r
  19             font-weight: bold;\r
  20         }\r
  21     </style>\r
  22 \r
  23     <!-- ** Javascript ** -->\r
  24     <!-- ExtJS library: base/adapter -->\r
  25     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  26 \r
  27     <!-- ExtJS library: all widgets -->\r
  28     <script type="text/javascript" src="../../ext-all.js"></script>\r
  29 \r
  30     <!-- overrides to base library -->\r
  31 \r
  32     <!-- page specific -->\r
  33     <script type="text/javascript" src="array-grid.js"></script>\r
  34 \r
  35 </head>\r
  36 <body>\r
  37     <h1>Stateful Array Grid Example</h1>\r
  38     <p>This example shows how to create a grid from Array data.</p>\r
  39     <p>The grid is stateful so you can move or hide columns, reload the page, and come\r
  40     back to the grid in the same state you left it in.</p>\r
  41     <p>Note that the js is not minified so it is readable. See <a href="array-grid.js">array-grid.js</a>.</p>\r
  42     \r
  43     <div id="grid-example"></div>\r
  44 </body>\r
  45 </html>