Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > Ext JS / Sencha
Ext JS / Sencha Ext JS / Sencha Forum d'entraide sur les frameworks Ext JS et Sencha. Avant de poster : FAQ ExtJS / Sencha, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 13/01/2011, 16h24   #1
Membre habitué
 
Inscription : décembre 2004
Messages : 643
Détails du profil
Informations forums :
Inscription : décembre 2004
Messages : 643
Points : 104
Points : 104
Par défaut ExtJS : problèmes de mise en forme

Bonjour,

Voici ce que j'ai.

Sous Firefox :


Sous IE : 2 bugs d'affichage




Pour tous les 2, j'aimerais aussi que les accordéons soient repliés initialement; connaissez-vous l'option?


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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function boiteMultiAccordeon(titre,titreBoutonOk,contentHTML){
 
	var sepVal = "¤¤";
	var tabDeb = "<TABLE>";
	var tabFin = "</TABLE>";
 
	//Pas de fonction direct pour compter les occurences (ou alors utiliser regex)
	var nbAccordeon = contentHTML.split(sepVal).length -1 ;	
 
	var tab = new Array();
	var indTabDeb = 0;
	var indTabFin = 0;
	var indTitre = 0;
	var tabTitre;
 
	for (var i = 0; i<nbAccordeon; i++){
		indTitre = contentHTML.indexOf(sepVal, indTabFin);
		indTabDeb = contentHTML.indexOf(tabDeb, indTabFin);
		indTabFin = contentHTML.indexOf(tabFin, indTabDeb);				
		tabTitre = contentHTML.substring(indTitre+sepVal.length,indTabDeb);
		tabContent = contentHTML.substring(indTabDeb,indTabFin+tabFin.length);	
		tab[i] = new Ext.Panel({
	              title: tabTitre,
	              html: tabContent,
	              cls:'empty',
	              autoHeight: true	              
	          	});        
	}
 
	var accordion = new Ext.Panel({
	split:true,
	layout:'accordion',
	items: tab,
	autoHeight: true
	});
 
	//#### Fenetre d'affichage ####//
	win_box_name = "win_NOSETTINGS_ACCORDEON_box"+cptWin;	
 
	function action1(evt){Ext.WindowMgr.get(win_box_name).close();}
	var but_ok = new Ext.Button({text:titreBoutonOk,handler:action1,minWidth:100,region:'center'}); //centré que sous IE, pas sous Firefox...
	var w = new Ext.Window({title:titre,id:win_box_name,layout:'fit',autoScroll:true,autoHeight:true/*parfois buggué sous IE...*/,width:800,resizable:true,items:[accordion,but_ok]}).show()	
	cptWin++;
 
}
stof est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/01/2011, 17h38   #2
Membre habitué
 
Inscription : décembre 2004
Messages : 643
Détails du profil
Informations forums :
Inscription : décembre 2004
Messages : 643
Points : 104
Points : 104
C'est dommage car les bugs d'affichage sous IE disparaissent quand on déplace la fenêtre, ce qui prouve qu'elle est sensée savoir s'adapater à la taille d'après la façon dont c'est codé...mais il manque une sorte de érefresh", "redraw"...

Toute suggestion...
stof est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 20/01/2011, 14h04   #3
Membre éclairé
 
sébastien courjean
Inscription : novembre 2010
Messages : 204
Détails du profil
Informations personnelles :
Nom : sébastien courjean
Localisation : France, Indre et Loire (Centre)

Informations forums :
Inscription : novembre 2010
Messages : 204
Points : 319
Points : 319
Pour initialiser à fermer :
__________________
Sébastien Courjean
Développeur Web
scourjean@cyres.fr
http://www.cyres.fr/
scourjean est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 16h58.


 
 
 
 
Partenaires

Hébergement Web