examples/form/xml-form.html

   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
   7     <!-- GC -->
   8         <!-- LIBS -->
   9         <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  10         <!-- ENDLIBS -->
  11
  12     <script type="text/javascript" src="../../ext-all.js"></script>
  13
  14 <script type="text/javascript" src="states.js"></script>
  15 <script type="text/javascript" src="xml-form.js"></script>
  16 <link rel="stylesheet" type="text/css" href="forms.css" />
  17
  18 <!-- Common Styles for the examples -->
  19 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  20 </head>
  21 <body>
  22 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  23 <h1>Loading/Saving a Dynamic Form using XML</h1>
  24 <p>
  25     This is a very simple example of using XML for load and submit of data with an Ext dynamic form.
  26 </p>
  27 <p>
  28     Click "Load" to load the <a href="xml-form.xml">dummy XML data</a> from the server using an XmlReader.
  29 </p>
  30 <p>
  31     After loading the form, you will be able to hit submit. The submit action will make a post to the server,
  32     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.
  33     Those messages will be applied to the appropriate fields in the form.
  34 </p>
  35 <p>
  36     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.
  37 </p>
  38 <p>The js is not minified so it is readable. See <a href="xml-form.js">xml-form.js</a>.</p>
  39
  40 <div id="form-ct"></div>
  41
  42 </body>
  43 </html>