Discussion :

[abraxis]

Bonjour,

Je viens de mettre en place une région sud dans un panel avec l'option

Code :

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

collapseMode: 'mini'

mais je voudrais supprimer la mini flèche qui reste et supprimer aussi le lien pour expand le panel afin que le bouton prévu à cet effet (mis en place dans une bbar de la région centre) puisse être le seul à avoir l'action d'expand mon panel sud.
Pour le mini flèche je pense qu'avec le CSS cela devrait être possible mais pour le lien je ne vois pas trop comment faire...

Si vous aviez une petite idée, je suis preneur.

Merci par avance

[chaya]

Hello,

Essaye avec ceci :

Code :

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

1
2
3
4
split: true,
collapsible: true,
collapseMode: 'mini',
hideCollapseTool: true

[abraxis]

Bonjour,

Cela fonctionne très bien si je ne met pas le

Code :

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

collapseMode: 'mini'

:/

[chaya]

Fait un render de ton panel en collapsed :

Code :

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

collapsed: true

Ensuite derrière ton bouton utilise

Code :

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

1
2
3
4
5
6
 
//cacher avec une animation et en choisissant une direction
Ext.getCmp('idDeMonPanel').collapse(Ext.Component.DIRECTION_TOP, true)
 
//afficher le panel
Ext.getCmp('idDeMonPanel').toggleCollapse()

[abraxis]

Par défaut mon sud est déjà collapse.
Pour supprimer la petite flèche quand mon panel est ouvert (expand) j'ai supprimé la ligne

Code :

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

split: true

mais une fois que je le referme j'ai toujours cette petite flèche.

[chaya]

ne précise plus à ton panel qu'il est collapsible et n'utilise plus que pour le réduire ou bien le restaurer:

Code :

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

1
2
3
4
5
//cacher avec une animation et en choisissant une direction
Ext.getCmp('idDeMonPanel').collapse(Ext.Component.DIRECTION_TOP, true)
 
//afficher le panel
Ext.getCmp('idDeMonPanel').toggleCollapse()