2009-07-13 8 views
3

j'ai créé un Ext.TreePanel et j'aurais dans le noeud une image, dans le texte du noeud j'ai l'url à l'image mais je ne peux pas le charger dans la page, je vois seulement le texte, il y a la possibilité de voir l'image?extjs charger l'image dans TreePanel

ceci est mon code

var root1 = new Tree.AsyncTreeNode({ 
    text: 'Legenda degli starti PAT', 
    draggable:true, // disable root node dragging 
    id:'source' 
}); 

var tree1 = new Tree.TreePanel({ 
    renderTo : 'legend', 
    animate:true, 
    loader: new Tree.TreeLoader({dataUrl:'legend.php'}), 
    containerScroll: true, 
    root: root1, 
}); 

et c'est la réponse de la demande TreePanel

[{"text":"comuni","id":"co","leaf":false,"cls":"folder","children":[{"text":"http:\/\/localhost\ 
/cgi-bin\/mapserv?map=\/home\/gis\/mapserver\/cartocomune_wms.map&SERVICE=wms&FORMAT=png&VERSION=1.1 
.1&LAYER=comuni&REQUEST=GetLegendGraphic","id":"comuni","leaf":true,"cls":"file"}]},{"text":"idrografia" 
,"id":"id","leaf":false,"cls":"folder","children":[{"text":"http:\/\/localhost\/cgi-bin\/mapserv 
?map=\/home\/gis\/mapserver\/cartocomune_wms.map&SERVICE=wms&FORMAT=png&VERSION=1.1.1&LAYER=idrografia 
&REQUEST=GetLegendGraphic","id":"idrografia","leaf":true,"cls":"file"}]},{"text":"viabilita","id":"via" 
,"leaf":false,"cls":"folder","children":[{"text":"http:\/\/localhost\/cgi-bin\/mapserv?map=\/home 
\/gis\/mapserver\/cartocomune_wms.map&SERVICE=wms&FORMAT=png&VERSION=1.1.1&LAYER=viabilita&REQUEST=GetLegendGraphic" 
,"id":"viabilita","leaf":true,"cls":"file"}]},{"text":"uso_suolo","id":"uso","leaf":false,"cls":"folder" 
,"children":[{"text":"http:\/\/localhost\/cgi-bin\/mapserv?map=\/home\/gis\/mapserver\/cartocomune_wms 
.map&SERVICE=wms&FORMAT=png&VERSION=1.1.1&LAYER=uso_suolo&REQUEST=GetLegendGraphic","id":"uso_suolo" 
,"leaf":true,"cls":"file"}]},{"text":"catasto","id":"cat","leaf":false,"cls":"folder","children":[{"text" 
:"http:\/\/localhost\/cgi-bin\/mapserv?map=\/home\/gis\/mapserver\/cartocomune_wms.map&SERVICE=wms 
&FORMAT=png&VERSION=1.1.1&LAYER=catasto&REQUEST=GetLegendGraphic","id":"catasto","leaf":true,"cls":"file" 
}]}] 

remercient Luca

Répondre

0

Eh bien, on ne sait pas ce que votre question est - do vous voyez des espaces réservés d'image? Si c'est le cas, vous devrez peut-être vérifier que Ext.BLANK_IMAGE_URL est correctement défini. Si vous essayez de charger des images personnalisées, inspectez les nœuds de l'arbre rendu dans Firebug - vos balises d'image sont-elles rendues correctement avec les bonnes URL? Vérifiez également l'onglet Net dans Firebug et voyez si vous avez des références d'images cassées.

1

Vous devez inclure un attribut "iconCls" pour le nœud de votre JSON qui fait référence à une classe CSS définissant l'image que vous souhaitez afficher pour ce nœud particulier.

par l'API docs extjs.com:

// spécifier la propriété dans la configuration de la classe: ... iconCls: «my-icône

// classe css spécifie l'image de fond à utiliser comme image d'icône: .my-icon {image-arrière-plan: url (../ images/my-icon.gif) 0 6px non-repeat! important; }

Ainsi, votre JSON va ressembler à ceci:

[{ "texte": "comuni", "id": "co", "feuille": false, "cls": "dossier" "children": [{"text": "http: // localhost \ /cgi-bin/mapserv?map=/home/gis/mapserver/cartocomune_wms.map & SERVICE = wms & FORMAT = png & VERSION = 1.1 .1 & LAYER = comuni & DEMANDE = GetLegendGraphic "," id ":" comuni "," feuille ": true," cls ":" fichier ", " iconCls ":" mon-icône "}]}, {"text": "idrografia" , "id": "id", "feuille": faux, "cls": "dossier", "iconCls": "my-icon"} ... etc .. etc ...}]

0

Garantissez votre Ext.BLANK_IMAGE_URL pointe correctement au s.gif