+ <!-- extensions -->\r
+ <script type="text/javascript" src="../ux/CheckColumn.js"></script>\r
+\r
+ <!-- page specific -->\r
+ <script type="text/javascript" src="../shared/examples.js"></script>\r
+ <script type="text/javascript" src="edit-grid.js"></script>\r
+\r
+</head>\r
+<body>\r
+ <h1>Editor Grid Example</h1>\r
+ <p>This example shows how to create a grid with inline editing.</p>\r
+ <p>Note that the js is not minified so it is readable. See <a href="edit-grid.js">edit-grid.js</a>.</p>\r
+ \r
+ <p>The data in the grid is loaded from <a href="plants.xml">plants.xml</a>.</p>\r
+ \r
+ <!-- the custom editor for the 'Light' column references the id="light" -->\r
+ <select name="light" id="light" style="display: none;">\r
+ <option value="Shade">Shade</option>\r
+ <option value="Mostly Shady">Mostly Shady</option>\r
+ <option value="Sun or Shade">Sun or Shade</option>\r
+ <option value="Mostly Sunny">Mostly Sunny</option>\r
+ <option value="Sunny">Sunny</option>\r
+ </select>\r
+ \r
+ <div id="editor-grid"></div>\r