Plusieurs composants dans un TreeNode

Bonjour,
J'utilise ExtJS 3.4 et GeoExt.
J'ai un TreePanel avec comme noeuds, les couches de ma carte OpenLayers.Map(). Je voudrais affecter à chaque noeud un slider pour contrôler l'opacité des couches.
Le slider est un objet de type :

Code:

---

1 2 3 4 5 6 7

xtype: "gx_opacityslider", layer: osm, leaf: false, vertical: false, width: 100, plugins: new GeoExt.LayerOpacitySliderTip({template: '<div>Opacity: {opacity}%</div>'})

---

Je voudrais afficher ce slider en dessous du nom du noeud. Mais je voudrais que le slider ne s'affiche pas comme un noeud à part. Je voudrais qu'il forme un seul groupe avec le noeud représentant la couche de la carte.
De cette façon, quand je fais un drag and drop c'est le nom de la couche et le slider qui bougeront ensemble.

Avez-vous des idées ?

Cordialement.

Pour manipuler l'interface client d'un TreeNode :

Code:

---

treenode.getUI()

---

Où on peut trouver des méthodes intéressantes : getEl() and getAnchor().

Ensuite, pour ajouter du HTML dans le TreeNode :

Code:

---

Ext.DomHelper.append(tree.root.firstChild.firstChild.getUI().getAnchor(), '<p>hi</p>');

---