examples/grid/edit-grid.html

   1 <html>\r
   2 <head>\r
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
   4     <title>Editor 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 \r
  18     </style>\r
  19 \r
  20     <!-- ** Javascript ** -->\r
  21     <!-- ExtJS library: base/adapter -->\r
  22     <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  23 \r
  24     <!-- ExtJS library: all widgets -->\r
  25     <script type="text/javascript" src="../../ext-all.js"></script>\r
  26 \r
  27     <!-- overrides to base library -->\r
  28 \r
  29     <!-- extensions -->\r
  30     <script type="text/javascript" src="../ux/CheckColumn.js"></script>\r
  31 \r
  32     <!-- page specific -->\r
  33     <script type="text/javascript" src="../shared/examples.js"></script>\r
  34     <script type="text/javascript" src="edit-grid.js"></script>\r
  35 \r
  36 </head>\r
  37 <body>\r
  38     <h1>Editor Grid Example</h1>\r
  39     <p>This example shows how to create a grid with inline editing.</p>\r
  40     <p>Note that the js is not minified so it is readable. See <a href="edit-grid.js">edit-grid.js</a>.</p>\r
  41     \r
  42     <p>The data in the grid is loaded from <a href="plants.xml">plants.xml</a>.</p>\r
  43     \r
  44     <!-- the custom editor for the 'Light' column references the id="light" -->\r
  45     <select name="light" id="light" style="display: none;">\r
  46         <option value="Shade">Shade</option>\r
  47         <option value="Mostly Shady">Mostly Shady</option>\r
  48         <option value="Sun or Shade">Sun or Shade</option>\r
  49         <option value="Mostly Sunny">Mostly Sunny</option>\r
  50         <option value="Sunny">Sunny</option>\r
  51     </select>\r
  52     \r
  53     <div id="editor-grid"></div>\r
  54 </body>\r
  55 </html>