examples/grid/edit-grid.html

   1 <html>\r
   2 <head>\r
   3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
   4 <title>Editor Grid Example</title>\r
   5 \r
   6 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   7 \r
   8     <!-- GC -->\r
   9         <!-- LIBS -->\r
  10         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
  11         <!-- ENDLIBS -->\r
  12 \r
  13     <script type="text/javascript" src="../../ext-all.js"></script>\r
  14 \r
  15     <script type="text/javascript" src="GroupingView.js"></script>\r
  16     <script type="text/javascript" src="edit-grid.js"></script>\r
  17     <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
  18 \r
  19 <!-- Common Styles for the examples -->\r
  20 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  21 </head>\r
  22 <body>\r
  23 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
  24 <h1>Editor Grid Example</h1>\r
  25 <p>This example shows how to create a grid with inline editing.</p>\r
  26 <p>Note that the js is not minified so it is readable. See <a href="edit-grid.js">edit-grid.js</a>.</p>\r
  27 \r
  28 <p>The data in the grid is loaded from <a href="plants.xml">plants.xml</a>.</p>\r
  29 \r
  30 <!-- you must define the select box here, as the custom editor for the 'Light' column will require it -->\r
  31 <select name="light" id="light" style="display: none;">\r
  32         <option value="Shade">Shade</option>\r
  33         <option value="Mostly Shady">Mostly Shady</option>\r
  34         <option value="Sun or Shade">Sun or Shade</option>\r
  35 \r
  36         <option value="Mostly Sunny">Mostly Sunny</option>\r
  37 \r
  38         <option value="Sunny">Sunny</option>\r
  39 </select>\r
  40 \r
  41 <div id="editor-grid"></div>\r
  42 </body>\r
  43 </html>\r