/trunk/src/org/tela_botanica/public/js/ext/examples/form/adv-vtypes.html |
---|
New file |
0,0 → 1,30 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>Advanced VType Examples</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<script type="text/javascript" src="../../ext-all-debug.js"></script> |
<script type="text/javascript" src="adv-vtypes.js"></script> |
<script type="text/javascript" src="states.js"></script> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../../examples/examples.css" /> |
</head> |
<body> |
<h1>Advanced Validation Examples Using VTypes</h1> |
<div id="dr"><p>The first example shows two date fields acting as a date range. Selecting an initial date |
sets the minimum value for the end field. Selecting an ending date sets a maximum value for the |
start field.</p></div> |
<div id="pw" style="padding-top:20px"><p>This second example shows a password verification, |
the second value must be equivalent to the first to validate.</p></div><br/> |
<p>The js is not minified so it is readable. See <a href="adv-vtypes.js">adv-vtypes.js</a>.</p> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/forum-search.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/forum-search.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/xml-errors.xml |
---|
New file |
0,0 → 1,17 |
<?xml version="1.0" encoding="UTF-8"?> |
<response success="false"> |
<errors> |
<field> |
<id>first</id> |
<msg><![CDATA[ |
Invalid name. <br /><i>This is a test validation message from the server </i> |
]]></msg> |
</field> |
<field> |
<id>dob</id> |
<msg><![CDATA[ |
Invalid Date of Birth. <br /><i>This is a test validation message from the server </i> |
]]></msg> |
</field> |
</errors> |
</response> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/combos.css |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/combos.css |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/anchoring.html |
---|
New file |
0,0 → 1,27 |
<html> |
<head> |
<title>Anchoring</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="anchoring.js"></script> |
<link rel="stylesheet" type="text/css" href="forms.css"/> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css"/> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script> |
<!-- EXAMPLES --> |
<h1>Anchor Layout with Forms</h1> |
<p>The js is not minified so it is readable. See <a href="anchoring.js">anchoring.js</a>.</p> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/xml-form.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/xml-form.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/forms.css |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/forms.css |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/adv-vtypes.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/adv-vtypes.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/custom.html |
---|
New file |
0,0 → 1,61 |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>Custom Fields</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="SearchField.js"></script> |
<script type="text/javascript" src="custom.js"></script> |
<link rel="stylesheet" type="text/css" href="combos.css" /> |
<style type="text/css"> |
#search-results a { |
color: #385F95; |
font:bold 11px tahoma, arial, helvetica, sans-serif; |
text-decoration:none; |
} |
#search-results a:hover { |
text-decoration:underline; |
} |
#search-results .search-item { |
padding:5px; |
} |
#search-results p { |
margin:3px !important; |
} |
#search-results { |
border-bottom:1px solid #ddd; |
margin: 0 1px; |
height:300px; |
overflow:auto; |
} |
#search-results .x-toolbar { |
border:0 none; |
} |
</style> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css" /> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> |
<p> |
<b>Custom Form Fields</b><br /> |
Ext provides many types of form fields to build interactive and rich forms. However, it also |
provides a complete framework for building new types of fields quickly. The search field below |
is an example. |
</p> |
<p>The js is not minified so it is readable. See <a href="custom.js">custom.js</a>.</p> |
<div style="width:600px;" id="search-panel"> |
</div> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/states.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/states.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/anchoring.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/anchoring.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/SearchField.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/SearchField.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/combos.html |
---|
New file |
0,0 → 1,218 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>Combo Boxes</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
<link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-gray.css" /> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="states.js"></script> |
<script type="text/javascript" src="combos.js"></script> |
<link rel="stylesheet" type="text/css" href="combos.css" /> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css" /> |
<style type="text/css"> |
p { width:650px; } |
</style> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> |
<h1>Combo Boxes</h1> |
<p>The js is not minified so it is readable. See <a href="combos.js">combos.js</a>.</p> |
<p> |
<b>Data Sources</b><br /> |
The combo box can use any type of Ext.data.Store as it's data source. |
This means your data can be XML, JSON, arrays or any other supported format. It can be loaded using Ajax, script tags or be local. |
This combo uses local data from a JS array:<p> |
<div> |
<input type="text" id="local-states" size="20"/> |
</div> |
<div id="state-combo-code-panel" style="margin-top:10px"> |
<pre id="state-combo-code" class="code"><code>// simple array store |
var store = new Ext.data.SimpleStore({ |
fields: ['abbr', 'state'], |
data : exampleData |
}); |
var combo = new Ext.form.ComboBox({ |
store: store, |
displayField:'state', |
typeAhead: true, |
mode: 'local', |
triggerAction: 'all', |
emptyText:'Select a state...', |
selectOnFocus:true, |
applyTo: 'local-states' |
}); |
</code></pre></div> |
<br /> |
</p> |
<p> |
The combo below uses the same data, but also illustrates how to use an optional |
custom template to create custom UI renditions for list items. In this case, |
each item has a popup QuickTip which displays the state's nickname when hovered over. |
</p> |
<div> |
<input type="text" id="local-states-with-qtip" size="20"/> |
</div> |
<div id="state-combo-qtip-code-panel" style="margin-top:10px"> |
<pre id="state-combo-qtip-code" class="code"><code>// simple array store |
var store = new Ext.data.SimpleStore({ |
fields: ['abbr', 'state', 'nick'], |
data : exampleData |
}); |
var comboWithTooltip = new Ext.form.ComboBox({ |
tpl: '<tpl for="."><div ext:qtip="{state}. {nick}" class="x-combo-list-item">{state}</div></tpl>', |
store: store, |
displayField:'state', |
typeAhead: true, |
mode: 'local', |
triggerAction: 'all', |
emptyText:'Select a state...', |
selectOnFocus:true, |
applyTo: 'local-states-with-qtip' |
}); |
</code></pre></div> |
<br /> |
<p> |
<b>Unobtrusive</b><br /> |
The combo box can very easily be used to convert existing select elements into auto-completing, filtering combos. |
</p> |
<div> |
Transformed select:<br/> <select name="state" id="state"> |
<option value="AL">Alabama</option> |
<option value="AK">Alaska</option> |
<option value="AZ">Arizona</option> |
<option value="AR">Arkansas</option> |
<option value="CA">California</option> |
<option value="CO">Colorado</option> |
<option value="CT">Connecticut</option> |
<option value="DE">Delaware</option> |
<option value="FL">Florida</option> |
<option value="GA">Georgia</option> |
<option value="HI">Hawaii</option> |
<option value="ID">Idaho</option> |
<option value="IL">Illinois</option> |
<option value="IN">Indiana</option> |
<option value="IA">Iowa</option> |
<option value="KS">Kansas</option> |
<option value="KY">Kentucky</option> |
<option value="LA">Louisiana</option> |
<option value="ME">Maine</option> |
<option value="MD">Maryland</option> |
<option value="MA">Massachusetts</option> |
<option value="MI">Michigan</option> |
<option value="MN">Minnesota</option> |
<option value="MS">Mississippi</option> |
<option value="MO">Missouri</option> |
<option value="MT">Montana</option> |
<option value="NE">Nebraska</option> |
<option value="NV">Nevada</option> |
<option value="NH">New Hampshire</option> |
<option value="NJ">New Jersey</option> |
<option value="NM">New Mexico</option> |
<option value="NY">New York</option> |
<option value="NC">North Carolina</option> |
<option value="ND">North Dakota</option> |
<option value="OH" selected>Ohio</option> |
<option value="OK">Oklahoma</option> |
<option value="OR">Oregon</option> |
<option value="PA">Pennsylvania</option> |
<option value="RI">Rhode Island</option> |
<option value="SC">South Carolina</option> |
<option value="SD">South Dakota</option> |
<option value="TN">Tennessee</option> |
<option value="TX">Texas</option> |
<option value="UT">Utah</option> |
<option value="VT">Vermont</option> |
<option value="VA">Virginia</option> |
<option value="WA">Washington</option> |
<option value="WV">West Virginia</option> |
<option value="WI">Wisconsin</option> |
<option value="WY">Wyoming</option> |
</select> |
</div><br /> |
<p> |
Originally looked like:<br/> <select name="state-orig"> |
<option value="AL">Alabama</option> |
<option value="AK">Alaska</option> |
<option value="AZ">Arizona</option> |
<option value="AR">Arkansas</option> |
<option value="CA">California</option> |
<option value="CO">Colorado</option> |
<option value="CT">Connecticut</option> |
<option value="DE">Delaware</option> |
<option value="FL">Florida</option> |
<option value="GA">Georgia</option> |
<option value="HI">Hawaii</option> |
<option value="ID">Idaho</option> |
<option value="IL">Illinois</option> |
<option value="IN">Indiana</option> |
<option value="IA">Iowa</option> |
<option value="KS">Kansas</option> |
<option value="KY">Kentucky</option> |
<option value="LA">Louisiana</option> |
<option value="ME">Maine</option> |
<option value="MD">Maryland</option> |
<option value="MA">Massachusetts</option> |
<option value="MI">Michigan</option> |
<option value="MN">Minnesota</option> |
<option value="MS">Mississippi</option> |
<option value="MO">Missouri</option> |
<option value="MT">Montana</option> |
<option value="NE">Nebraska</option> |
<option value="NV">Nevada</option> |
<option value="NH">New Hampshire</option> |
<option value="NJ">New Jersey</option> |
<option value="NM">New Mexico</option> |
<option value="NY">New York</option> |
<option value="NC">North Carolina</option> |
<option value="ND">North Dakota</option> |
<option value="OH" selected>Ohio</option> |
<option value="OK">Oklahoma</option> |
<option value="OR">Oregon</option> |
<option value="PA">Pennsylvania</option> |
<option value="RI">Rhode Island</option> |
<option value="SC">South Carolina</option> |
<option value="SD">South Dakota</option> |
<option value="TN">Tennessee</option> |
<option value="TX">Texas</option> |
<option value="UT">Utah</option> |
<option value="VT">Vermont</option> |
<option value="VA">Virginia</option> |
<option value="WA">Washington</option> |
<option value="WV">West Virginia</option> |
<option value="WI">Wisconsin</option> |
<option value="WY">Wyoming</option> |
</select> |
</p> |
<div id="transformed-combo-code-panel" style="margin-top:10px"> |
<pre id="transformed-combo-code" class="code"><code>var converted = new Ext.form.ComboBox({ |
typeAhead: true, |
triggerAction: 'all', |
transform:'state', |
width:135, |
forceSelection:true |
}); |
</code></pre></div> |
<br /> |
<p> |
<b>Grid Editor</b><br /> |
<a href="../grid/edit-grid.html">Click here</a> to see the combo as a grid editor. |
</p> |
<br /> |
<p> |
<b>Templates and Ajax</b><br /> |
<a href="forum-search.html">Click here</a> for a more advanced example. |
</p> |
<br /><br /><br /><br /> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/custom.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/custom.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/dynamic.html |
---|
New file |
0,0 → 1,35 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>Forms</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="states.js"></script> |
<script type="text/javascript" src="dynamic.js"></script> |
<link rel="stylesheet" type="text/css" href="forms.css"/> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css"/> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script> |
<!-- EXAMPLES --> |
<h1>Dynamic Forms built with JavaScript</h1> |
<p> |
These forms do not do anything and have very little validation. They solely demonstrate |
how you can use Ext Forms to build and layout forms on the fly. |
</p> |
<p>The js is not minified so it is readable. See <a href="dynamic.js">dynamic.js</a>.</p> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/form-grid.html |
---|
New file |
0,0 → 1,36 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>Form with embedded Grid</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all-debug.js"></script> |
<script type="text/javascript" src="../code-display.js"></script> |
<script type="text/javascript" src="form-grid.js"></script> |
<link rel="stylesheet" type="text/css" href="forms.css"/> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css"/> |
<style type="text/css"> |
p { width:650px; } |
</style> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script> |
<!-- EXAMPLES --> |
<h1>Dynamic Form interacting with an embedded Grid</h1> |
<p> |
This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b> |
class, an Ext.form.FormPanel can contain any Ext <b><tt>Component</tt></b>. This includes all the |
subclasses of Ext.Panel, including the GridPanel. |
</p> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/absform.html |
---|
New file |
0,0 → 1,27 |
<html> |
<head> |
<title>Absolute Forms</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="absform.js"></script> |
<link rel="stylesheet" type="text/css" href="forms.css"/> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css"/> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script> |
<!-- EXAMPLES --> |
<h1>Absolute Layout with Forms</h1> |
<p>The js is not minified so it is readable. See <a href="absform.js">absform.js</a>.</p> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/combos.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/combos.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/forum-search.html |
---|
New file |
0,0 → 1,47 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>ComboBox - Live Search</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="forum-search.js"></script> |
<link rel="stylesheet" type="text/css" href="combos.css" /> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css" /> |
<style type="text/css"> |
p { width:650px; } |
</style> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> |
<p> |
<b>Combo with Templates and Ajax</b><br /> |
This is a more advanced example that shows how you can combine paging, Ext.Template and a remote data store |
to create a "live search" feature. |
</p> |
<p>The js is not minified so it is readable. See <a href="forum-search.js">forum-search.js</a>.</p> |
<!-- The box wrap markup embedded instead of using Element.boxWrap() --> |
<div style="width:600px;"> |
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div> |
<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"> |
<h3 style="margin-bottom:5px;">Search the Ext Forums</h3> |
<input type="text" size="40" name="search" id="search" /> |
<div style="padding-top:4px;"> |
Live search requires a minimum of 4 characters. |
</div> |
</div></div></div> |
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div> |
</div> |
</body> |
</html> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/dynamic.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/dynamic.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/xml-form.xml |
---|
New file |
0,0 → 1,13 |
<?xml version="1.0" encoding="UTF-8"?> |
<response success="true"> |
<contact> |
<name> |
<first>Jack</first> |
<last>Slocum</last> |
</name> |
<company>Ext JS</company> |
<email>support@extjs.com</email> |
<state>OH</state> |
<dob>04/15/2007</dob> |
</contact> |
</response> |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/form-grid.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/form-grid.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/SelectBox.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/SelectBox.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/absform.js |
---|
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/absform.js |
---|
New file |
Property changes: |
Added: svn:mime-type |
+application/octet-stream |
\ No newline at end of property |
/trunk/src/org/tela_botanica/public/js/ext/examples/form/xml-form.html |
---|
New file |
0,0 → 1,43 |
<html> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
<title>XML Form</title> |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> |
<!-- GC --> |
<!-- LIBS --> |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
<!-- ENDLIBS --> |
<script type="text/javascript" src="../../ext-all.js"></script> |
<script type="text/javascript" src="states.js"></script> |
<script type="text/javascript" src="xml-form.js"></script> |
<link rel="stylesheet" type="text/css" href="forms.css" /> |
<!-- Common Styles for the examples --> |
<link rel="stylesheet" type="text/css" href="../examples.css" /> |
</head> |
<body> |
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> |
<h1>Loading/Saving a Dynamic Form using XML</h1> |
<p> |
This is a very simple example of using XML for load and submit of data with an Ext dynamic form. |
</p> |
<p> |
Click "Load" to load the <a href="xml-form.xml">dummy XML data</a> from the server using an XmlReader. |
</p> |
<p> |
After loading the form, you will be able to hit submit. The submit action will make a post to the server, |
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. |
Those messages will be applied to the appropriate fields in the form. |
</p> |
<p> |
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. |
</p> |
<p>The js is not minified so it is readable. See <a href="xml-form.js">xml-form.js</a>.</p> |
<div id="form-ct"></div> |
</body> |
</html> |