source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/search-form.html
@
76
| Revision 76, 1.5 KB checked in by djay, 14 years ago (diff) | |
|---|---|
|
|
| Line | |
|---|---|
| 1 | <html> |
| 2 | <head> |
| 3 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> |
| 4 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> |
| 5 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css" /> |
| 6 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css" /> |
| 7 | <script src="http://www.openlayers.org/api/2.10/OpenLayers.js"></script> |
| 8 | <script type="text/javascript" src="../script/GeoExt.js"></script> |
| 9 | |
| 10 | <script type="text/javascript" src="search-form.js"></script> |
| 11 | </head> |
| 12 | <body> |
| 13 | <h1>Example of a search form using GeoExt.form.FormPanel</h1> |
| 14 | |
| 15 | <p>This example shows how to create a search form based on |
| 16 | GeoExt.form.FormPanel.</p> |
| 17 | |
| 18 | <p>A GeoExt.form.FormPanel instance uses an OpenLayers.Protocol object |
| 19 | for sending search requests. In this example a fake protocol is used, |
| 20 | in a real-life scenario a specific protocol like |
| 21 | OpenLayers.Protocol.WFS would be used.</p> |
| 22 | |
| 23 | <p>If you click on the "search" button below the form, the filter |
| 24 | resulting from the form values is represented to the right of the |
| 25 | form.</p> |
| 26 | |
| 27 | <p>The js is not minified so it is readable. See <a |
| 28 | href="search-form.js">search-form.js</a></p> |
| 29 | |
| 30 | <div id="formpanel" style="float:left;"></div> |
| 31 | <div id="filter"></div> |
| 32 | </body> |
| 33 | </html> |
Note: See TracBrowser
for help on using the repository browser.
