source:
trunk/workshop-routing-foss4g/web/GeoExt/examples/tree-legend.html
@
76
| Revision 76, 1.4 KB checked in by djay, 13 years ago (diff) | |
|---|---|
|
|
| Rev | Line | |
|---|---|---|
| [76] | 1 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 2 | <head> | |
| 3 | <title>GeoExt Legend Tree</title> | |
| 4 | ||
| 5 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/adapter/ext/ext-base.js"></script> | |
| 6 | <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.1/ext-all.js"></script> | |
| 7 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/resources/css/ext-all.css" /> | |
| 8 | <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.1/examples/shared/examples.css" /> | |
| 9 | <script src="http://www.openlayers.org/api/2.10/OpenLayers.js"></script> | |
| 10 | <script type="text/javascript" src="../script/GeoExt.js"></script> | |
| 11 | ||
| 12 | <script type="text/javascript" src="tree-legend.js"></script> | |
| 13 | ||
| 14 | <style type="text/css"> | |
| 15 | .legend { | |
| 16 | padding-left: 18px; | |
| 17 | } | |
| 18 | .x-tree-node-el { | |
| 19 | border-bottom: 1px solid #ddd; | |
| 20 | padding-bottom: 3px; | |
| 21 | } | |
| 22 | .x-tree-ec-icon { | |
| 23 | width: 3px; | |
| 24 | } | |
| 25 | .gx-tree-layer-icon { | |
| 26 | display: none; | |
| 27 | } | |
| 28 | </style> | |
| 29 | ||
| 30 | </head> | |
| 31 | <body> | |
| 32 | <div id="desc"> | |
| 33 | <h1>GeoExt Legend Tree</h1> | |
| 34 | ||
| 35 | <p>This example shows how to add legends to the layer nodes in a | |
| 36 | tree.</p> | |
| 37 | ||
| 38 | <p>The js is not minified so it is readable. See | |
| 39 | <a href="tree-legend.js">tree-legend.js</a>.</p> | |
| 40 | </div> | |
| 41 | </body> | |
| 42 | </html> |
Note: See TracBrowser
for help on using the repository browser.
