[Commits] r760 - sandbox/bartvde/legend/geoext/examples

Fri May 15 15:34:32 CEST 2009

Author: bartvde
Date: 2009-05-15 15:34:32 +0200 (Fri, 15 May 2009)
New Revision: 760

Modified:
   sandbox/bartvde/legend/geoext/examples/legendpanel.html
   sandbox/bartvde/legend/geoext/examples/legendpanel.js
Log:
update example

Modified: sandbox/bartvde/legend/geoext/examples/legendpanel.html
===================================================================

--- sandbox/bartvde/legend/geoext/examples/legendpanel.html	2009-05-15 13:25:05 UTC (rev 759)
+++ sandbox/bartvde/legend/geoext/examples/legendpanel.html	2009-05-15 13:34:32 UTC (rev 760)
@@ -1,10 +1,10 @@
 <html>
     <head>
-        <link rel="stylesheet" type="text/css" href="../../../../../trunk/ext/resources/css/ext-all.css"></link>
-        <link rel="stylesheet" type="text/css" href="../../../../../trunk/ext/examples/shared/examples.css"></link>
-        <script type="text/javascript" src="../../../../../trunk/openlayers/lib/OpenLayers.js"></script>
-        <script type="text/javascript" src="../../../../../trunk/ext/adapter/ext/ext-base.js"></script>
-        <script type="text/javascript" src="../../../../../trunk/ext/ext-all.js"></script>
+        <link rel="stylesheet" type="text/css" href="../../ext/resources/css/ext-all.css"></link>
+        <link rel="stylesheet" type="text/css" href="../../ext/examples/shared/examples.css"></link>
+        <script type="text/javascript" src="../../openlayers/lib/OpenLayers.js"></script>
+        <script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
+        <script type="text/javascript" src="../../ext/ext-all.js"></script>
         <script type="text/javascript" src="../lib/GeoExt.js"></script>
         <script type="text/javascript" src="legendpanel.js"></script>
         <style type="text/css">
@@ -13,28 +13,12 @@
             color: red;
         }
         </style>
-        <script type="text/javascript">
-            addLayer = function() {
-                 var wmslayer =         new OpenLayers.Layer.WMS(
-            "Bodies of Water",
-            "http://publicus.opengeo.org/geoserver/wms?",
-            {layers: 'topp:tasmania_water_bodies', format: 'image/png', transparent: true},
-            {singleTile: true});
-                mapPanel.map.addLayer(wmslayer);
-            }
-
-            removeLayer = function() {
-                mapPanel.map.removeLayer(mapPanel.map.layers[1]);
-            }
-        </script>
     </head>
     <body>
-        <h1>GeoExt.LegendPanel with an Existing OpenLayers.Map</h1>
+        <h1>GeoExt.LegendPanel</h1>
         <p>This example shows the how to create a LegendPanel that autopopulates with legends from a map
-        that has already been created. </p>
+        that has already been created.</p>
         <p>The js is not minified so it is readable. See <a href="legendpanel.js">legendpanel.js</a>.</p>
         <div id="view"></div>
-        <a href="#" onclick="addLayer()">addlayer</a>
-        <a href="#" onclick="removeLayer()">removelayer</a>
     </body>
 </html>

Modified: sandbox/bartvde/legend/geoext/examples/legendpanel.js
===================================================================
--- sandbox/bartvde/legend/geoext/examples/legendpanel.js	2009-05-15 13:25:05 UTC (rev 759)
+++ sandbox/bartvde/legend/geoext/examples/legendpanel.js	2009-05-15 13:34:32 UTC (rev 760)
@@ -23,6 +23,31 @@
                 }) }) })
     ]);
 
+    addLayer = function() {
+        var wmslayer = new OpenLayers.Layer.WMS("Bodies of Water",
+            "http://publicus.opengeo.org/geoserver/wms?",
+            {layers: 'topp:tasmania_water_bodies', format: 'image/png', transparent: true},
+            {singleTile: true});
+        mapPanel.map.addLayer(wmslayer);
+    };
+
+    removeLayer = function() {
+        mapPanel.map.removeLayer(mapPanel.map.layers[1]);
+    };
+
+    moveLayer = function(idx) {
+        mapPanel.map.setLayerIndex(mapPanel.map.layers[0], idx);
+    };
+
+    toggleVisibility = function() {
+        mapPanel.map.layers[1].setVisibility(!mapPanel.map.layers[1].getVisibility());
+    };
+
+    updateHideInLegend = function() {
+        mapPanel.layers.getAt(1).set("hideInLegend", true);
+    };
+
+
     mapPanel = new GeoExt.MapPanel({
         region: 'center',
         height: 400,
@@ -35,7 +60,15 @@
         labelCls: 'mylabel',
         ascending: false,
         bodyStyle: 'padding:5px',
-        width: 200,
+        width: 300,
+        tbar: new Ext.Toolbar({items: [
+            new Ext.Button({text: 'add', handler: addLayer}),
+            new Ext.Button({text: 'remove', handler: removeLayer}),
+            new Ext.Button({text: 'movetotop', handler: function() { moveLayer(10); } }),
+            new Ext.Button({text: 'moveup', handler: function() { moveLayer(1); } }),
+            new Ext.Button({text: 'togglevis', handler: toggleVisibility}),
+            new Ext.Button({text: 'hide', handler: updateHideInLegend})
+            ]}),
         autoScroll: true,
         region: 'west'});
 

