<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"><div id="yiv194843797"><table id="yiv194843797bodyDrftID" class="yiv194843797" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td id="yiv194843797drftMsgContent" style="font: inherit;">Thankyou Andreas and Bart.<br>Bart, I looked at <a rel="nofollow" target="_blank" href="http://trac.geoext.org/ticket/301">http://trac.geoext.org/ticket/301</a> and updated layerOpacitySlider.js accordingly.<br>Thanks to your efforts, given the patch, I would expect to be able to call<br><br>slider.setLayer(node.layer);<br><br>to attach the layer to the slider, but nothing happens. <br>My code is:<br><br>var slider = new GeoExt.LayerOpacitySlider({ renderTo: document.body, width: 200,value: 100});&nbsp; <br><br>....then within the TreePanel:<br><br>bbar: [{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text: "Remove layer from
 Map",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; handler: function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var node = tree.getSelectionModel().getSelectedNode();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(node) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.removeLayer(node.layer);&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text: "Attach slider to selected layer",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; handler: function()
 {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var node2 = tree.getSelectionModel().getSelectedNode();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(node2) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; slider.setLayer(node2.layer);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }]<br><br><br><br><br>Right, that's why I wanted to implement:<br><br><a rel="nofollow" target="_blank" href="http://trac.geoext.org/ticket/301">http://trac.geoext.org/ticket/301</a><br><br>to make it easier to attach a layer to the opacity slider on the fly.<br><br>Best regards,<br>Bart<br><br>&gt; Hi,<br>&gt;<br>&gt; On Jul 27, 2010, at 10:51 , Eoin Mac Aoidh
 wrote:<br>&gt;<br>&gt;&gt; Hi list,<br>&gt;&gt; I have a tree containing the layers in my map. It has a bbar with a<br>&gt;&gt; button to remove a selected layer from the map. Following this template,<br>&gt;&gt; I am trying to also add in an opacity slider for the selected layer in<br>&gt;&gt; the bbar: So that you can either remove a selected layer, or change its<br>&gt;&gt; opacity.<br>&gt;&gt; I am having trouble connecting the slider to the selected layer.<br>&gt;&gt; I suspect at least some of the
 problem is with the line:<br>&gt;&gt; "layer: tree.getSelectionModel().getSelectedNode().layer"<br>&gt;<br>&gt; The whole problem lies here. At the time you construct the tree, there is<br>&gt; no selected layer yet. You should construct your OpacitySlider in a<br>&gt; listener to the tree's click event. In this listener, you also have to<br>&gt; remove an existing slider if there is one already.<br>&gt;<br>&gt; Regards,<br>&gt; Andreas.<br>&gt;<br>&gt;<br>&gt;&gt; I would appreciate any help regarding how to connect the selected layer<br>&gt;&gt; with the slider.<br>&gt;&gt; Many Thanks,<br>&gt;&gt; Eoin<br>&gt;&gt;<br>&gt;&gt; The following is the code I have:<br>&gt;&gt;<br>&gt;&gt; var tree = new Ext.tree.TreePanel({<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;region: "center",&nbsp; &nbsp; //NBNBNBNB centER<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;title: "Map Layers",<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;width:
 200,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;autoScroll: true,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;enableDD: true,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;lines: false,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;rootVisible: false,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;root: new GeoExt.tree.LayerContainer({<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;layerStore: mapPanel.layers,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;expanded: true<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;}),<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;bbar: [{<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;text: "Remove from Map",<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;handler: function() {<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;var node =
 tree.getSelectionModel().getSelectedNode();<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;if(node) {<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;map.removeLayer(node.layer);<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;}<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;}<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;},{<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;xtype: "gx_opacityslider",<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;layer: tree.getSelectionModel().getSelectedNode().layer,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;aggressive: true,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;horizontal: true,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;width: 120,<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 &nbsp;&nbsp;&nbsp;plugins: new GeoExt.LayerOpacitySliderTip()<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;}<br>&gt;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]<br>&gt;&gt;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;});<br>&gt;&gt;</td></tr></tbody></table></div></td></tr></table><br>