Interdire le collapse d'un accordéon.

[abraxis]

Bonjour,

Peu on interdire le collapse (fermeture) d'un accordéon ?
Si oui, comment ?
J'ai déjà une action l'expand.
J'ai rajouté une action sur le collapse pour vérifier si on ferme ce panel ou si on en ouvre un autre ( ce qui provoque la fermeture du premier).
Je ne dois pas aller assez loin dans ma réflexion je pense mais après avoir testé plusieurs solution, je ne vois pas comment faire :/

voici le code de mon accordéon.

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
var azer = 0;
accordeon = Ext.extend(Ext.Panel, {
	title: 'mon titre',
	layout: 'fit',
	border: false,
	collapsed: true,
	initComponent: function() {
		this.items = new Array();		
		this.listeners = {
			expand: function(obj) {
				var urlNode = obj.items.items[0].root.childNodes[0].url;
				Ext.getCmp('layoutCenter').layout.setActiveItem('Grid');
				GridStore.load(
					{
						params: {
							task: 'folder',
							id: appStore.getAt(0).get('id'),
							lib: appStore.getAt(0).get('lib'),
							type: appStore.getAt(0).get('type'),
							dossier: appStore.getAt(0).get('dossier'),
							urlNode: urlNode
						}
					}
				);
				Ext.getCmp('layoutCenter').items.get(0).removeAll();
				Ext.getCmp('layoutCenter').items.get(0).add(new Grid());
				Ext.getCmp('layoutCenter').items.get(0).setTitle(obj.title);
				Ext.getCmp('layoutCenter').doLayout({force: true});
				azer = 1;
			},
			beforeCollapse: function(obj) {
				if(azer == 1)
				{
					// console.info(obj);
					if(!confirm('Voulez vous vraiment quitter ?'))
					{
						obj.collapse();
					}
				}
			}
		}
		accordeon.superclass.initComponent.call(this);
	}
});

Merci par avance de votre aide ^^

[JulienFio]

Bonjour,


Oui tu peux le faire, avec l'event beforecollapse il te suffit d'annuler l'évènement lors de sa capture.

Code :

1
2
3
4
5
6
monPanel.on('beforecollapse', function(e){
                // Traitement...
                    e.cancel = true;
                    return false;
            });

[abraxis]

Merci pour cet info qui fonctionne ^^

Par contre je n'avais pas spécifier que je dois aussi empêcher l'ouverture d'un autre accordéon si je bloque la fermeture du premier.

[JulienFio]

Peux tu être plus clair ?

Sur le collapse de ton premier accordéon tu en as un second qui s'expand ? et quand tu bloque la fermeture du premier tu souhaites que le second ne s'ouvre pas ?

si c'est bien ça tu peux le faire ainsi je pense:

Code :

1
2
3
4
5
6
7
 
monSecondPanel.on('beforeexpand', function(e){
                if(monPremierPanel.collapsed ===  false){
                    e.cancel = true;
                    return false;
                 }
            });

avant d'expand ton second accordéon tu vérifies si le premier est lui aussi expand, si c'est le cas tu annules l'action

[abraxis]

Je reprend depuis le début pour être plus clair.

J'ai des accordéons générez dynamiquement (le nombre est totalement aléatoire).
Quand j'ouvre un premier accordéon et que je le referme pas de problème.
Quand j'ouvre un accordéon et que je souhaite en ouvrir un second, cela provoque la fermeture du premier (logique), mais je veux justement mettre une action lors du collapse et empêcher l'expand du second.

Voilà, j'espère que j'ai donné assez de détail cette fois : ))