examples/grid/edit-grid.html

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