Hi list members,<br><br>It took me quite a while to figure out how to add an additional comboBox to a tree layer node, so I thought I may share this with you.<br><br>Objective: to add an Ext.form.ComboBox to a layer node which allows the user to change a map variable (on other words: create lots of species distribution maps).<br><br>Plugin:&nbsp; TreeNodeComponent<br><br>First step:&nbsp; create your own layer node UI class <br>var uiClass&nbsp; = Ext.extend(GeoExt.tree.LayerNodeUI, new GeoExt.tree.TreeNodeUIEventMixin()); <br>(This is the same node UI class as you can see in the ‘extra radio button – example’, an extention to the standard node type which provides only a checkbox OR a radio button) <br><br>Second step: add the plugin and the uiProvider to the treePanel configuration:<br>treePanel = new Ext.tree.TreePanel({ &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; root: treeRootNode,&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; loader: new Ext.tree.TreeLoader({<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; applyLoader: false,<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; uiProviders: {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 'layernodeui': uiClass<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; }),<br>&nbsp;&nbsp;&nbsp; plugins: new GeoExt.plugins.TreeNodeComponent({<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; listeners: { <br>//optional: a ‘select’ listener function for the comboBox if the comboBox itself doesn’t do it already<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; }),<br>&nbsp;&nbsp;&nbsp; rootVisible: false<br>});<br><br>The API example says ‘GeoExt.plugins.TreeNodeRadioButton’ – which I guess is a typo and should say ‘TreeNodeComponent’.<br><br><br>Last step: add the component to the layer node <br>(This is a container which is then appended to the tree root. Corresponds to gx_layercontainer if you wish to add it directly to your treePanel configuration)<br><br>var container_spec = new GeoExt.tree.LayerContainer({ &nbsp;&nbsp;&nbsp; &nbsp;<br>&nbsp;&nbsp;&nbsp; layerStore: …,<br>&nbsp;&nbsp;&nbsp; loader:{<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; baseAttrs: { <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; checked: false,<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; listeners: … function for to enable/disable combo on checkchange.. <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; uiProvider: 'layernodeui',<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; component: {<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; xtype: "box",<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; el: 'comboSPECinput'<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; },<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; filter:…&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; }<br>});<br><br>I haven’t found many references to the xtype (textarea also works, but box is probably the most generic). The el (element) is the div that you want to place here.<br><br>I found the an example with opacity-sliders in Eric Lemoines sandbox. The code is based on an earlier version, but it gave me the necessary inspiration:<br>http://dev.geoext.org/sandbox/elemoine/playground/geoext/examples/tree-tools.html<br>