forked from geoext/geoext1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
search-form.html
33 lines (27 loc) · 1.52 KB
/
search-form.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/examples/shared/examples.css" />
<script src="http://www.openlayers.org/api/2.11/OpenLayers.js"></script>
<script type="text/javascript" src="../lib/GeoExt.js"></script>
<script type="text/javascript" src="search-form.js"></script>
</head>
<body>
<h1>Example of a search form using GeoExt.form.FormPanel</h1>
<p>This example shows how to create a search form based on
GeoExt.form.FormPanel.</p>
<p>A GeoExt.form.FormPanel instance uses an OpenLayers.Protocol object
for sending search requests. In this example a fake protocol is used,
in a real-life scenario a specific protocol like
OpenLayers.Protocol.WFS would be used.</p>
<p>If you click on the "search" button below the form, the filter
resulting from the form values is represented to the right of the
form.</p>
<p>The js is not minified so it is readable. See <a
href="search-form.js">search-form.js</a></p>
<div id="formpanel" style="float:left;"></div>
<div id="filter"></div>
</body>
</html>