| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/combos.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/combos.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/dynamic.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/dynamic.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/form-grid.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/SelectBox.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/SelectBox.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/absform.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/absform.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/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> |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/forum-search.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/combos.css |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/combos.css |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/xml-form.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/forms.css |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/forms.css |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/adv-vtypes.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/states.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/states.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/anchoring.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/anchoring.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/SearchField.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/SearchField.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |
| /trunk/www/org.tela_botanica.cel2/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/www/org.tela_botanica.cel2/js/ext/examples/form/custom.js |
|---|
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/www/org.tela_botanica.cel2/js/ext/examples/form/custom.js |
|---|
| New file |
| Property changes: |
| Added: svn:mime-type |
| +application/octet-stream |
| \ No newline at end of property |