Charger une image externe dans une fenêtre Ext.Js

Question

J'ai besoin de savoir comment charger une image externe, par ex. http://www.google.co.za/intl/en_com/images/logo_plain.png dans une nouvelle fenêtre ExtJs.

Answer 1

S'il s'agit du seul contenu de la fenêtre EXTjs, vous pouvez le définir à l'aide de l'option html dans la configuration de la fenêtre. Quelque chose comme ça

var win = new Ext.Window({ 
    html: '<img src="http://www.google.co.za/intl/en%5Fcom/images/logo%5Fplain.png" />', 
    height: 150, 
    width: 250 
}); 

S'il y a plus de contenu dans la fenêtre, vous pouvez alors ajouter le code HTML à la propriété html du conteneur pour l'image

maintenant montrant parfaitement

Answer 2

S'il vous plaît prendre fin regarder body documentation de la propriété:

corps : Ext.Element

L'élément body du Panel qui peut être utilisé pour contenir du contenu HTML. Le contenu peut être spécifié dans la configuration html , ou il peut être chargé en utilisant la configuration autoLoad, ou via le programme de mise à jour du panneau . Lecture seulement. Si c'est utilisé pour charger les éléments HTML visibles dans de toute façon, alors le panneau peut ne pas être utilisé comme mise en page pour héberger des panneaux imbriqués. Si le Groupe spécial est destiné à être utilisé comme l'hôte d'une mise en page (voir la mise en page puis le corps d'élément ne doit pas être chargé ou modifié - il est sous le contrôle de la mise en page du panneau

.