form-grid-access.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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-access.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. <style type="text/css" media="screen">
  15. body {
  16. background: #fff;
  17. color: #000 !important;
  18. }
  19. .x-form-text {
  20. color: #fff;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <h1>Dynamic Form interacting with an embedded Grid</h1>
  26. <p>
  27. This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b>
  28. class, an Ext.form.Panel can contain any Ext <b><tt>Component</tt></b>. This includes all the
  29. subclasses of Ext.Panel, including the GridPanel.
  30. </p>
  31. <p>
  32. The Grid demonstrates the use of creation of derived fields in a Record created using a custom
  33. <b><tt>convert</tt></b> function, and the use of column renderers.
  34. </p>
  35. <p>
  36. The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived
  37. 'rating' field.
  38. </p>
  39. </body>
  40. </html>