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="../../cssX/roojs-all.css"/>
6 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
8 <script type="text/javascript" src="../../roojs-debug.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" />
15 <!-- Common Styles for the examples -->
16 <link rel="stylesheet" type="text/css" href="../examples.css" />
19 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
20 <h1>Loading/Saving a Dynamic Form using XML</h1>
22 This is a very simple example of using XML for load and submit of data with an Ext dynamic form. (It's probably better to use the JSON tools)
25 Click "Load" to load the <button type="button" onclick="RooDocs.viewSource.show('/xml-form.xml')">xml-form.xml</button>
26 om the server using an XmlReader.
29 After loading the form, you will be able to hit submit. The submit action will make a post to the server,
32 and the<button type="button" onclick="RooDocs.viewSource.show('/xml-errors.xml')">dummy XML file</button>
33 on the server with test server-side validation failure messages will be sent back.
34 Those messages will be applied to the appropriate fields in the form.
37 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.
39 <p>The js is not minified so it is readable. See
40 <button type="button" onclick="RooDocs.viewSource.show('/xml-form.js')">xml-form.js</button> .</p>
42 <div style="width:340px;">
43 <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
44 <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc" id="box-bd">
50 <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
52 <div class="x-form-clear"></div>