Discussion :

[yo_haha]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[yo_haha]

Pour manipuler l'interface client d'un TreeNode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

treenode.getUI()

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

Ensuite, pour ajouter du HTML dans le TreeNode :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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