<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Hi,<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I have 4 KML layers on my map and I have followed the
Feature selection model to create 4 grid panels that sync with each of the
layers (see screenshot).<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><b>However, I would like the grid panel to be visible <i><u>only
when</u></i> the layer is selected i.e. the grid should be visible only for the
active layer.</b> I don’t know how to do this. The way it is now, all
the grid panel are expanded when the map loads. Is it possible to show the
panel only when the layer is selected OR is it possible to expand the panel
when the layer is selected (i.e. all the panels are collapsed by default)<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>I have looked at the LegendPanel example but I am still not
clear how to make this work with the feature info in the grid panels.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Here’s a cut down version of my code and a screen shot(I
have manually collapsed the grid panels):<o:p></o:p></p>
<p class=MsoNormal>//Add the layers to map<o:p></o:p></p>
<p class=MsoNormal>map.addLayer(layer2);<o:p></o:p></p>
<p class=MsoNormal>map.addLayer(europa); <o:p></o:p></p>
<p class=MsoNormal>map.addLayer(layer); <o:p></o:p></p>
<p class=MsoNormal>map.addLayer(layer3); <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>//KML layers <o:p></o:p></p>
<p class=MsoNormal>map.addLayer(aarsmaks);<o:p></o:p></p>
<p class=MsoNormal>map.addLayer(aarsmin);<o:p></o:p></p>
<p class=MsoNormal>map.addLayer(kmlLayer);<o:p></o:p></p>
<p class=MsoNormal>map.addLayer(middel);<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal>//Map controls<o:p></o:p></p>
<p class=MsoNormal>map.addControl(new OpenLayers.Control.LayerSwitcher()); <o:p></o:p></p>
<p class=MsoNormal> map.addControl(new OpenLayers.Control.PanZoomBar());<o:p></o:p></p>
<p class=MsoNormal> map.addControl(new OpenLayers.Control.MousePosition()); <o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal>selectControl = new OpenLayers.Control.SelectFeature(<o:p></o:p></p>
<p class=MsoNormal> [kmlLayer, aarsmaks, aarsmin, middel],<o:p></o:p></p>
<p class=MsoNormal> {<o:p></o:p></p>
<p class=MsoNormal> clickout: true, toggle: false,<o:p></o:p></p>
<p class=MsoNormal> multiple: false, hover: false,<o:p></o:p></p>
<p class=MsoNormal> toggleKey: "ctrlKey", // ctrl key
removes from selection<o:p></o:p></p>
<p class=MsoNormal> multipleKey: "shiftKey" // shift key
adds to selection<o:p></o:p></p>
<p class=MsoNormal> }<o:p></o:p></p>
<p class=MsoNormal> );<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>map.addControl(selectControl);<o:p></o:p></p>
<p class=MsoNormal>selectControl.activate(); <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>//Grid panel for KML layers <o:p></o:p></p>
<p class=MsoNormal> store.load();<o:p></o:p></p>
<p class=MsoNormal> store2.load();<o:p></o:p></p>
<p class=MsoNormal> store3.load();<o:p></o:p></p>
<p class=MsoNormal> store4.load();<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> box= new Ext.grid.GridPanel({<o:p></o:p></p>
<p class=MsoNormal> title: 'Vannstandsstasjoner',<o:p></o:p></p>
<p class=MsoNormal> store: store,<o:p></o:p></p>
<p class=MsoNormal> columns: [{heading: 'Sted', dataIndex: 'name'}],<o:p></o:p></p>
<p class=MsoNormal> region: "west",<o:p></o:p></p>
<p class=MsoNormal> width: 200,<o:p></o:p></p>
<p class=MsoNormal> height: 170,<o:p></o:p></p>
<p class=MsoNormal> border: false,<o:p></o:p></p>
<p class=MsoNormal> collapsible: true,<o:p></o:p></p>
<p class=MsoNormal> collapseMode: "mini",<o:p></o:p></p>
<p class=MsoNormal> allowDrag: true,<o:p></o:p></p>
<p class=MsoNormal> allowDrop: true,<o:p></o:p></p>
<p class=MsoNormal> draggable: true,<o:p></o:p></p>
<p class=MsoNormal> autoScroll: true,<o:p></o:p></p>
<p class=MsoNormal> sm: new GeoExt.grid.FeatureSelectionModel()<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> box2= new Ext.grid.GridPanel({<o:p></o:p></p>
<p class=MsoNormal> title: 'Årsmaksima',<o:p></o:p></p>
<p class=MsoNormal> store: store2,<o:p></o:p></p>
<p class=MsoNormal> columns: [{heading: 'Sted', dataIndex: 'name'}],<o:p></o:p></p>
<p class=MsoNormal> region: "west",<o:p></o:p></p>
<p class=MsoNormal> width: 200,<o:p></o:p></p>
<p class=MsoNormal> height: 170,<o:p></o:p></p>
<p class=MsoNormal> border: false,<o:p></o:p></p>
<p class=MsoNormal> collapsible: true,<o:p></o:p></p>
<p class=MsoNormal> collapseMode: "mini",<o:p></o:p></p>
<p class=MsoNormal> allowDrag: true,<o:p></o:p></p>
<p class=MsoNormal> allowDrop: true,<o:p></o:p></p>
<p class=MsoNormal> draggable: true,<o:p></o:p></p>
<p class=MsoNormal> autoScroll: true,<o:p></o:p></p>
<p class=MsoNormal> sm: new GeoExt.grid.FeatureSelectionModel()<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal> box3= new Ext.grid.GridPanel({<o:p></o:p></p>
<p class=MsoNormal> title: 'Årsminima',<o:p></o:p></p>
<p class=MsoNormal> store: store3,<o:p></o:p></p>
<p class=MsoNormal> columns: [{heading: 'Sted', dataIndex: 'name'}],<o:p></o:p></p>
<p class=MsoNormal> region: "west",<o:p></o:p></p>
<p class=MsoNormal> width: 200,<o:p></o:p></p>
<p class=MsoNormal> height: 170,<o:p></o:p></p>
<p class=MsoNormal> border: false,<o:p></o:p></p>
<p class=MsoNormal> collapsible: true,<o:p></o:p></p>
<p class=MsoNormal> collapseMode: "mini",<o:p></o:p></p>
<p class=MsoNormal> allowDrag: true,<o:p></o:p></p>
<p class=MsoNormal> allowDrop: true,<o:p></o:p></p>
<p class=MsoNormal> draggable: true,<o:p></o:p></p>
<p class=MsoNormal> autoScroll: true,<o:p></o:p></p>
<p class=MsoNormal> sm: new GeoExt.grid.FeatureSelectionModel()<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal> <o:p></o:p></p>
<p class=MsoNormal> box4= new Ext.grid.GridPanel({<o:p></o:p></p>
<p class=MsoNormal> title: 'Årsmiddel',<o:p></o:p></p>
<p class=MsoNormal> store: store4,<o:p></o:p></p>
<p class=MsoNormal> columns: [{heading: 'Sted', dataIndex: 'name'}],<o:p></o:p></p>
<p class=MsoNormal> region: "west",<o:p></o:p></p>
<p class=MsoNormal> width: 200,<o:p></o:p></p>
<p class=MsoNormal> height: 170,<o:p></o:p></p>
<p class=MsoNormal> border: false,<o:p></o:p></p>
<p class=MsoNormal> collapsible: true,<o:p></o:p></p>
<p class=MsoNormal> collapseMode: "mini",<o:p></o:p></p>
<p class=MsoNormal> allowDrag: true,<o:p></o:p></p>
<p class=MsoNormal> allowDrop: true,<o:p></o:p></p>
<p class=MsoNormal> draggable: true,<o:p></o:p></p>
<p class=MsoNormal> autoScroll: true,<o:p></o:p></p>
<p class=MsoNormal> sm: new GeoExt.grid.FeatureSelectionModel()<o:p></o:p></p>
<p class=MsoNormal> });<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>//Map layout - north, west and center regions<o:p></o:p></p>
<p class=MsoNormal> var viewport = new Ext.Viewport({<o:p></o:p></p>
<p class=MsoNormal> layout:'border',<o:p></o:p></p>
<p class=MsoNormal> width:880,<o:p></o:p></p>
<p class=MsoNormal> height:610, <o:p></o:p></p>
<p class=MsoNormal> items:[<o:p></o:p></p>
<p class=MsoNormal> {<o:p></o:p></p>
<p class=MsoNormal> region: 'west', //contains the layer
tree node and the feature grid for each layer<o:p></o:p></p>
<p class=MsoNormal> id: 'west-panel', <o:p></o:p></p>
<p class=MsoNormal> title: 'Tema',<o:p></o:p></p>
<p class=MsoNormal> width: 200,<o:p></o:p></p>
<p class=MsoNormal> minSize: 200-50,<o:p></o:p></p>
<p class=MsoNormal> maxSize: 200+50,<o:p></o:p></p>
<p class=MsoNormal> margins: '0 0 0 0',<o:p></o:p></p>
<p class=MsoNormal> collapsible: true,<o:p></o:p></p>
<p class=MsoNormal> collapseMode: 'mini',<o:p></o:p></p>
<p class=MsoNormal> border: true,<o:p></o:p></p>
<p class=MsoNormal> items: [tree,box,box2,box3,box4]<o:p></o:p></p>
<p class=MsoNormal> },{<o:p></o:p></p>
<p class=MsoNormal> region: 'center', //contains the map<o:p></o:p></p>
<p class=MsoNormal> id: 'center-panel',<o:p></o:p></p>
<p class=MsoNormal> title: 'Kart',<o:p></o:p></p>
<p class=MsoNormal> margins: '0 0 0 5',<o:p></o:p></p>
<p class=MsoNormal> collapsible: false, <o:p></o:p></p>
<p class=MsoNormal> height:610,<o:p></o:p></p>
<p class=MsoNormal> border:true,<o:p></o:p></p>
<p class=MsoNormal> items: [mapPanel]<o:p></o:p></p>
<p class=MsoNormal> }]<o:p></o:p></p>
<p class=MsoNormal> }); <o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal>Many thanks for your help.<o:p></o:p></p>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Minika Bjørge<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>Statens Kartverk
Sjø<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'>minika.bjorge@statkart.no<o:p></o:p></span></p>
<p class=MsoNormal><span lang=NO-BOK style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><a href="http://www.statkart.no/"><span style='color:blue;
text-decoration:none'><img border=0 width=112 height=109 id="Picture_x0020_1"
src="cid:image001.jpg@01CA82AE.7D1C0870"
alt="cid:image001.jpg@01CA352F.AF8DEED0"></span></a><span lang=NO-BOK
style='font-size:10.0pt'><o:p></o:p></span></p>
<p class=MsoNormal><o:p> </o:p></p>
</div>
</body>
</html>