[Commits] r2131 - in sandbox/bartvde/playground/geoext.ux/ux/WMSTree: . examples

Tue Apr 27 14:45:27 CEST 2010

Author: bartvde
Date: 2010-04-27 14:45:27 +0200 (Tue, 27 Apr 2010)
New Revision: 2131

Added:
   sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/
   sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.html
   sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.js
Log:
first try on WMS Loader

Added: sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.html
===================================================================

--- sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.html	                        (rev 0)
+++ sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.html	2010-04-27 12:45:27 UTC (rev 2131)
@@ -0,0 +1,29 @@
+<html>
+    <head>
+        <title>WMSTree Example</title>
+
+        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.0/adapter/ext/ext-base.js"></script>
+        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.2.0/ext-all.js"></script>
+        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.0/resources/css/ext-all.css" />
+        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.2.0/examples/shared/examples.css" />
+        <script src="http://www.openlayers.org/api/2.9/OpenLayers.js"></script>
+        <script type="text/javascript" src="../../../../geoext/lib/GeoExt.js"></script>
+        <script type="text/javascript" src="../../../../geoext/lib/overrides/override-ext-ajax.js"></script>
+        
+        <!-- script resources for this ux -->
+        <script type="text/javascript" src="../lib/GeoExt.ux/WMSLoader.js"></script>
+        
+        <script type="text/javascript" src="WMSTree.js"></script>
+        
+    </head>
+    <body>
+        <h1>Tree using a GeoExt.ux.WMSLoader</h1>
+        
+        <p>This example shows how to use GeoExt.ux.WMSLoader to populate a tree
+        with the hierarchical structure of a WMS GetCapabilities response.</p>
+        
+        <p>See <a href="WMSTree.js">WMSTree.js</a> for the source code.</p>
+        
+        <div id="content"></div>
+    </body>
+</html>

Added: sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.js
===================================================================
--- sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.js	                        (rev 0)
+++ sandbox/bartvde/playground/geoext.ux/ux/WMSTree/examples/WMSTree.js	2010-04-27 12:45:27 UTC (rev 2131)
@@ -0,0 +1,20 @@
+Ext.onReady(function() {
+
+    OpenLayers.ProxyHost = 'http://ontwikkel.intranet.rijkswaterstaat.nl/apps/geoservices/geoservices2.3/proxy.cgi?url=';
+
+    var tree = new Ext.tree.TreePanel(
+        {
+            loader: new GeoExt.ux.WMSLoader(
+                {url: 'http://ontwikkel.intranet.rws.nl/services/geoservices/bps?'}
+            )
+        }
+    );
+
+    var root = new Ext.tree.AsyncTreeNode({
+        text: 'My WMS'
+    });
+    tree.setRootNode(root); 
+
+    tree.render('content');
+    
+});

