xml-form.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <title>XML Form</title>
  5. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  6. <!-- GC -->
  7. <!-- LIBS -->
  8. <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  9. <!-- ENDLIBS -->
  10. <script type="text/javascript" src="../../ext-all.js"></script>
  11. <script type="text/javascript" src="states.js"></script>
  12. <script type="text/javascript" src="xml-form.js"></script>
  13. <link rel="stylesheet" type="text/css" href="forms.css" />
  14. <!-- Common Styles for the examples -->
  15. <link rel="stylesheet" type="text/css" href="../examples.css" />
  16. </head>
  17. <body>
  18. <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  19. <h1>Loading/Saving a Dynamic Form using XML</h1>
  20. <p>
  21. This is a very simple example of using XML for load and submit of data with an Ext dynamic form.
  22. </p>
  23. <p>
  24. Click "Load" to load the <a href="xml-form.xml">dummy XML data</a> from the server using an XmlReader.
  25. </p>
  26. <p>
  27. After loading the form, you will be able to hit submit. The submit action will make a post to the server,
  28. and the <a href="xml-errors.xml">dummy XML file</a> on the server with test server-side validation failure messages will be sent back.
  29. Those messages will be applied to the appropriate fields in the form.
  30. </p>
  31. <p>
  32. Note: The built-in JSON support does not require any special readers for mapping. However, If you don't like the Form's built-in JSON format, you could also use a JsonReader for reading data into a form.
  33. </p>
  34. <p>The js is not minified so it is readable. See <a href="xml-form.js">xml-form.js</a>.</p>
  35. <div id="form-ct"></div>
  36. </body>
  37. </html>