examples/grid/locking-grid.html

   1 <html>\r
   2 <head>\r
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
   4     <title>Locking Grid Column 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     <link rel="stylesheet" type="text/css" href="../ux/css/LockingGridView.css" />\r
  10 \r
  11     <!-- overrides to base library -->\r
  12 \r
  13     <!-- page specific -->\r
  14     <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  15     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  16 \r
  17     <!-- ** Javascript ** -->\r
  18     <!-- ExtJS library: base/adapter -->\r
  19     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  20 \r
  21     <!-- ExtJS library: all widgets -->\r
  22     <script type="text/javascript" src="../../ext-all-debug.js"></script>\r
  23 \r
  24     <!-- overrides to base library -->\r
  25 \r
  26     <!-- page specific -->\r
  27     <script type="text/javascript" src="../ux/LockingGridView.js"></script>\r
  28     <script type="text/javascript" src="locking-grid.js"></script>\r
  29 \r
  30 </head>\r
  31 <body>\r
  32     <h1>Locking Grid Column Example</h1>\r
  33     <p>This example shows how to achieve "freeze pane" locking functionality similar to Excel.</p>\r
  34     <p>Note that the js is not minified so it is readable. See <a href="locking-grid.js">locking-grid.js</a>.</p>\r
  35     \r
  36     <div id="grid-example"></div>\r
  37 </body>\r
  38 </html>