Discussion :

[ayoubkira]

Bonjour,

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

Merci d'avance.

[takitano]

Code :

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

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

[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 !!

[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.

[abraxis]

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 :

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

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'
	})
});