Plus loin dans Zendx JQuery Dialog

Publié par Throrïn    Aucun Commentaire

Bonjours,

après un bref tutorial sur l’utilisation des dialog avec l’extension ZendX JQuery, je vais maintenant expliquer pas à pas quelles sont les options que l’on peut mettre dedans. Si vous voulez, toutes les informations sont disponibles sur le site de JQueryUI.

Comme vous vous en doutez, tout doit être instancié dans cette ligne:

 PHP | 
 copy code |
?
 
1
echo $this->dialogContainer($id, $content, $params, $attribs);

• autoOpen (boolean): permet de savoir si vous voulez que votre fenêtre s’ouvre automatiquement après le chargement de la page ou non. Par défaut est à true. Si vous voulez ouvrir votre fenêtre à partir d’un lien ou d’un bouton vous devrez appeler cette fonction javascript (marche dans un onclick):
  

   Javascript | 
   copy code |
  ?
   
  1
  $j('#iddialog').dialog('open');

• bgiframe (boolean): permet de fixer des erreurs et autres bugs graphiques avec IE6. Je vous conseil fortement de l’activer. Par défaut est à false.
• closeOnEscape (boolean): permet de fermer la fenêtre en appuyant sur la touche ESC. Par défaut est à true.
• draggable (boolean): permet de déplacer la fenêtre avec la souris. Par défaut est à true.
• height (int): permet de fixer la hauteur de votre fenêtre. Par défaut est à ‘auto’.
• hide (string): Permet de donner un effet spécifique lors de la fermeture de la fenêtre. Par défaut est à NULL.
• modal (boolean): Permet de faire que la fenêtre prend la main sur toute la page. Vous devez fermer la fenêtre pour reprendre la navigation sur le site. Par défaut est à false.
• resizable (boolean): Permet de retailler la fenêtre. Par défaut est à true.
• show (string): Permet de mettre un effet à la fenêtre lors de son ouverture.
• title (string): Permet de donner un titre à sa fenêtre. Par défaut est à  »
• width (int): permet de fixer une largeur à sa fenêtre. Par défaut est à 300.

Ensuite vient un paramètre bien particulier, que je vais vous expliquer en détail. Il s’agit de buttons.

Comme on l’a vu plus haut pour les boutons, on doit mettre une fonction comme ceci:

 PHP | 
 copy code |
?
 
1
'buttons' => array('Annuler' => new Zend_Json_Expr('function() { $j(this).dialog(\'close\');}'))

• buttons (array): Permet d’ajouter des boutons à sa fenêtre comme un bouton de fermeture ou un bouton de redirection.

Dans le tableau de boutons, vous devez mettre en premier le nom du bouton et ensuite la fonction qui sera exécutée lorsque l’on clique dessus.

Voilà, j’espère que ce petit complément vous aidera dans la création d’une fenêtre « dialog » en JQuery.