Zend Framework

Plus loin dans Zendx JQuery Dialog

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:
echo $this->dialogContainer($id, $content, $params, $attribs);
Et cela, devrait être instancié dans un tableau $params. Voici la liste des principales options:

  • 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):
    $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:
'buttons' => array('Annuler' => new Zend_Json_Expr('function() { $j(this).dialog(\'close\');}'))
Pour en revenir à quelque chose de simple:

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