form-grid.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Form with embedded Grid</title>
  6. <!-- ExtJS -->
  7. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  8. <!-- Shared -->
  9. <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  10. <!-- GC -->
  11. <script type="text/javascript" src="../../ext-all.js"></script>
  12. <!-- Example -->
  13. <script type="text/javascript" src="form-grid.js"></script>
  14. </head>
  15. <body>
  16. <h1>Dynamic Form interacting with an embedded Grid</h1>
  17. <p>
  18. This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b>
  19. class, an Ext.form.Panel can contain any Ext <b><tt>Component</tt></b>. This includes all the
  20. subclasses of Ext.Panel, including the GridPanel.
  21. </p>
  22. <p>
  23. The Grid demonstrates the use of creation of derived fields in a Record created using a custom
  24. <b><tt>convert</tt></b> function, and the use of column renderers.
  25. </p>
  26. <p>
  27. The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived
  28. 'rating' field.
  29. </p>
  30. </body>
  31. </html>