Image ou flash dans un panel

Version imprimable

28/07/2011, 12h26
ayoubkira

Image ou flash dans un panel

Bonjour,

Comment on fait pour afficher une image ou un flash dans un panel ( EXT JS ) ? :(

Merci d'avance.

Code:

1
2
3
4
5
Ext.create('un_truc_de_type_panel',{
xtype:'panel',
title:'titre',
html:'<img src="..."/>'
});

30/07/2011, 19h18
ayoubkira

Je l'ai déjà essayé , mais ca na pas marché quand je met dans src "" un url qui se trouve dans le pc par contre kan je met un url d'une image depuis le net ca marche..

Merci !!
30/07/2011, 20h49
vermine

Si la source n'est pas sur Internet, elle doit être sur le serveur. Pour vos test, ça peut être votre PC mais ça ne fonctionnera que chez vous. Vérifiez les chemins. Dans ce cas-là ils doivent être défini depuis le répertoire de la page HTML.

Bonjour,

Pour ma part j'ai affiché des vidéos en flash (.flv) dans un panel.
Voici le code que j'utilise (Il y a surement beaucoup mieux).

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var templateVideo = new Ext.XTemplate(
	'<tpl for=".">',
	  '<object type="application/x-shockwave-flash" width="770" height="440" data="Video/flvplayer.swf">',
	      '<param name="movie" value="Video/flvplayer.swf" />',
	      '<param name="wmode" value="transparent" />',
	      '<param name="allowfullscreen" value="true" />',
	      '<param name="FlashVars" value="file={urlForm}"',
	   '</object>',
	'</tpl>',
	'<div class="x-clear"></div>'
);
 
var panelPlayerVideo = new Ext.Panel({
	id: 'panelPlayerVideo',
	title: 'Mon Panel',
	border: false,
	layout: 'fit',
	autoScroll: true,
        items: new Ext.DataView({
            store: storeVideo,
            tpl: templateVideo,
            autoScroll: true,
            id: 'viewVideo',
	    itemSelector: 'div.thumb-wrap'
	})
});