Zend_Form
est livré avec plusieurs décorateurs standards. Pour
plus d'informations sur l'utilisation des décorateurs en général, voyez la section sur les décorateurs.
Le décorateur Callback peut exécuter une fonction de rappel pour rendre du
contenu. Les fonctions doivent être spécifiées grâce à l'option 'callback' passée à la
configuration du décorateur, et peut être n'importe quelle fonction PHP valide. Les
fonctions peuvent accepter 3 arguments , $content
( le contenu original
passé au décorateur), $element
(l'objet étant décoré), et un tableau
d'options $options
. Voici un exemple :
class Util { public static function label($content, $element, array $options) { return '<span class="label">' . $element->getLabel() . "</span>"; } }
Cette fonction de rappel devrait être spécifiée avec array('Util',
'label')
, et générera du (mauvais) code HTML pour le label. Le décorateur
Callback remplacera, fera suivre ou précéder le contenu original avec la valeur qu'il
retourne.
Le décorateur Callback accepte qu'on lui passe une valeur nulle pour l'option de placement, ce qui remplacera le contenu original par le contenu décoré. 'prepend' et 'append' restent cependant acceptés.
Le décorateur Captcha est à utiliser avec l'élément de formulaire CAPTCHA. Il
utilise la méthode render()
de l'adaptateur de CAPTCHA pour générer son
contenu.
Une variante du décorateur Captcha, 'Captcha_Word', est aussi utilisée quelques fois et créer 2 éléments, un id et un input. L'id indique l'identifiant de session à comparer et l'input est pour la saisie du CAPTCHA. Ces 2 éléments sont validés comme un seul.
Le décorateur Description peut être utilisé pour afficher la description affectée
à un Zend_Form
, Zend_Form_Element
, ou
Zend_Form_DisplayGroup
; il cherche cette description en utilisant
getDescription()
sur l'objet en question.
Par défaut, si aucune description n'est présente, rien ne sera généré. Dans le cas
contraire , la description est entourée d'un tag HTML p
par défaut, même si
vous pouvez passer le tag que vous voulez en utilisant l'option tag
à la
création du décorateur, ou en utilisant sa méthode setTag()
. Vous pouvez
aussi spécifier une classe pour le tag en renseignant l'option class
ou en
appelant setClass()
.
La description est échappée en utilisant le mécanisme de l'objet de vue par
défaut. Vous pouvez désactiver cette fonctionnalité en passant FALSE
à
l'option 'escape' du décorateur ou via sa méthode setEscape()
.
Les décorateurs par défaut utilisent des listes de définition
(<dl>
) pour rendre les éléments de formulaire. Comme les éléments
d'un formulaire peuvent apparaître dans n'importe quel ordre, les groupe d'affichage et
les sous-formulaires peuvent être encapsulés dedans. Afin de garder ces types d'éléments
dans la liste de définition, DtDdWrapper crée une nouvelle définition vide
(<dt>
) et encapsule don contenu dans une nouvelle donnée de
définition (<dd>
). L'affichage ressemble alors à ceci :
<dt></dt> <dd><fieldset id="subform"> <legend>User Information</legend> ... </fieldset></dd>
Ce décorateur remplace le contenu qu'on lui fournit par ce même contenu entouré de
<dd>
.
Les erreurs des éléments possèdent leur propre décorateur : 'Errors'. Celui-ci
utilise l'aide de vue FormErrors, qui rend les messages d'erreur dans une liste non
ordonnée (<ul>
) qui reçoit la classe d'affichage "errors".
Le décorateur 'Errors' peut faire suivre ou précéder son contenu.
Les groupes d'affichage et les sous-formulaires rendent leur contenu dans des
balises HTML fieldsets par défaut. Le décorateur Fieldset vérifie une option 'legend' ou
la méthode getLegend()
dans l'élément, et l'utilise comme élément de
légende si non vide. Tout contenu qu'on lui passe est entouré d'une balise HTML
"fieldset", et remplace donc le contenu précédent. Tout attribut passé à l'élément
décoré sera rendu comme attribut de la balise HTML fieldset.
Les éléments de type "File" (upload de fichiers) ont une notation spéciale lorsque
vous utilisez de multiples éléments file ou des sous-formulaires. Le décorateur File est
utilisé par Zend_Form_Element_File
et autorise plusieurs éléments
avec un seul appel de méthode. Il est utilisé automatiquement et gère alors le nom de
chaque élément.
Les objets Zend_Form
ont en général besoin de rendre une
balise HTML "form". Le décorateur Form utilise l'aide de vue du même nom dans ce but. Il
encapsule le contenu qu'on lui passe dans une balise HTML 'form' et remplace donc ce
contenu par le nouveau entouré. Les action, méthode et attributs de l'objet
Zend_Form
sont bien entendus utilisés dans la balise.
Les formulaires, groupes d'affichage et sous-formulaires sont des collections
d'éléments. Afin de rendre ces éléments, ils utilisent le décorateur FormElements, qui
itère sur tous les éléments et appelle leur méthode render()
en les
joignant avec le séparateur. Il peut faire suivre ou précéder son contenu.
Certains développeurs ou designers préfèrent regrouper tous les messages d'erreur en haut du formulaire. Le décorateur FormErrors a été conçu dans ce but.
Par défaut, la liste d'erreurs générée ressemble à ceci :
<ul class="form-errors> <li><b>[element label or name]</b><ul> <li>[error message]</li> <li>[error message]</li> </ul> </li> <li><ul> <li><b>[subform element label or name</b><ul> <li>[error message]</li> <li>[error message]</li> </ul> </li> </ul></li> </ul>
Vous pouvez lui passer un tas d'options afin de la configurer plus finement :
-
ignoreSubForms
: ignore ou pas la récursion dans les sous-formulaires. Par défaut :FALSE
(autorise la récursion). -
markupElementLabelEnd
: balise à ajouter après le label des éléments. Par défaut: '</b>' -
markupElementLabelStart
: balise à ajouter avant le label des éléments. Par défaut: '<b>' -
markupListEnd
: balise à ajouter après la liste des messages d'erreur. Par défaut: '</ul>'. -
markupListItemEnd
: balise à ajouter après chaque message d'erreur. Par défaut: '</li>' -
markupListItemStart
: balise à ajouter avant chaque message d'erreur. Par défaut: '<li>' -
markupListStart
: balise à ajouter autour de la liste des messages d'erreur. Par défaut: '<ul class="form-errors">'
Le décorateur FormErrors peut faire suivre ou précéder son contenu.
Le décorateur HtmlTag vous permet d'utiliser une balise HTML pour décorer votre contenu. La balise utilisée est passée comme option 'tag' et toute autre option sera utilisée comme attribut HTML à cette balise. Par défaut, le contenu généré remplace le contenu reçu par le décorateur. Vous pouvez tout de même préciser un placement 'append' ou 'prepend'.
Le décorateur Image vous permet de créer un tag HTML d'image (<input
type="image" ... />
), et optionnellement le rendre à l'intérieur d'une autre
balise HTML.
Par défaut, le décorateur utilise la propriété 'src' , qui peut être renseignée
grâce à la méthode setImage()
(avec la source de l'image). Aussi, le label
de l'élément va être utilisé comme propriété 'alt' de la balise et le propriété
imageValue
(manipulée grâce à setImageValue()
et
getImageValue()
) sera utilisée comme valeur.
Pour spécifier une balise HTML à utiliser avec l'élément, passez l'option 'tag' au
décorateur, ou utilisez sa méthode setTag()
.
Les éléments de formulaire possèdent en général un label, et le décorateur du même
nom permet de le rendre. Il utilise l'aide de vue FormLabel en récupérant le label de
l'élément avec getLabel()
. Si aucun label n'est présent, rien n'est rendu.
Par défaut, les label sont traduits lorsqu'un objet de traduction existe.
Vous pouvez aussi spécifier optionnellement une option 'tag'. Si celle-ci est
précisée, alors le label sera encapsulé dans la balise HTML en question. Si la balise
est présente mais qu'il n'y a pas de label, alors la balise est rendu seule. Vous pouvez
utiliser aussi une classe CSS grâce à l'option 'class' ou la méthode
setClass()
.
Aussi, vous pouvez utiliser les préfixes ou des suffixes à afficher pour l'élément, selon si celui-ci est requis ou pas. Par exemple on peut imaginer que tout label est suivi du caractère ":". Aussi, tout élément requis à la saisie pourrait comporter une étoile "*". Des méthodes existent pour effectuer cela :
-
optionalPrefix
: affecte le texte à préfixer au label si l'élément est optionnel.setOptionalPrefix()
etgetOptionalPrefix()
existent aussi. -
optionalSuffix
: affecte le texte à suffixer au label si l'élément est optionnel.setOptionalSuffix()
etgetOptionalSuffix()
existent aussi. -
requiredPrefix
: affecte le texte à préfixer au label si l'élément est marqué comme requis.setRequiredPrefix()
etgetRequiredPrefix()
existent aussi. -
requiredSuffix
: affecte le texte à suffixer au label si l'élément est marqué comme requis.setRequiredSuffix()
etgetRequiredSuffix()
existent aussi.
Par défaut, le décorateur Label préfixe son rendu vis à vis du contenu qu'on lui passe à décorer. L'option 'placement' reste disponible avec comme autre valeur possible 'append'
Les formulaires, les groupes d'affichage et les sous-formulaires sont des collections d'éléments. Lors de l'utilisation du décorateur ViewScript dans vos formulaires, il peut être utile de récursivement passer l'objet de vue, le traducteur et tous les noms réels (notation tableau des sous-formulaires) aux éléments. Cette tache peut être effectuée grâce au décorateur 'PrepareElements'. En général, vous le marquerez en tant que premier décorateur de la pile.
$form->setDecorators(array( 'PrepareElements', array('ViewScript', array('viewScript' => 'form.phtml')), ));
Beaucoup d'éléments utilisent les aides de Zend_View
pour
leur propre rendu, et ceci est effectué grâce au décorateur ViewHelper. Avec lui, vous
pouvez spécifier une option 'helper' pour lui indiquer explicitement l'aide de vue à
utiliser. Si aucune ne lui est fournie, il utilise le nom de la classe de l'élément
(moins le chemin : la dernière partie du nom de la classe) afin de déterminer l'aide de
vue à utiliser. Par exemple, 'Zend_Form_Element_Text' cherchera l'aide de vue 'form' +
'Text' soit 'formText'.
Tout attributs ajoutés à l'élément sera passé à l'aide vue comme attribut de l'élément HTML résultant.
Par défaut, ce décorateur fait suivre son contenu au contenu qu'on lui passe.
Quelques fois, vous pouvez avoir besoin d'un script de vue pour afficher vos éléments. Ceci vous permettra un placement très fin et détaillé, ou alors de changer la vue utilisée en fonction du module MVC dans lequel vous vous situez, par exemple.
Le décorateur ViewScript nécessite une option 'viewScript'. Celle-ci peut aussi être passée à l'élément lui-même, via sa propriété 'viewScript'. Le décorateur rend alors ce script de vue comme un script partiel (ce qui signifie que chaque appel à lui possède son propre espace de variables). Plusieurs variables sont alors peuplées dans le script de vue :
-
element
: l'élément décoré -
content
: le contenu passé au décorateur -
decorator
: l'objet décorateur lui-même -
Aussi, toute variable passée au décorateur via
setOptions()
et qui n'est pas utilisée en interne (qui n'est pas 'placement', 'separator', etc.) est alors passée comme variable de vue.
Voici un exemple :
// Affectation d'un décorateur ViewScript à un seul élément // en spécifiant comme option le script de vue (obligatoire) et d'autres options : $element->setDecorators(array(array('ViewScript', array( 'viewScript' => '_element.phtml', 'class' => 'form element' )))); // OU spécifier le script de vue comme attribut de l'élément $element->viewScript = '_element.phtml'; $element->setDecorators(array(array('ViewScript', array('class' => 'form element'))));
Le script de vue pourrait alors ressembler à cela :
<div class="<?php echo $this->class ?>"> <?php echo $this->formLabel($this->element->getName(), $this->element->getLabel()) ?> <?php echo $this->{$this->element->helper}( $this->element->getName(), $this->element->getValue(), $this->element->getAttribs() ) ?> <?php echo $this->formErrors($this->element->getMessages()) ?> <div class="hint"><?php echo $this->element->getDescription() ?></div> </div>
Remplacer le contenu avec un script de vue
Le contenu n'est pas remplacé par défaut, vous pouvez le demander en spécifiant l'option 'placement' du décorateur. Il existe plusieurs manières de faire :
// A la création du décorateur: $element->addDecorator('ViewScript', array('placement' => false)); // Application au décorateur déja existant: $decorator->setOption('placement', false); // Application au décorateur déja ajouté à un élément: $element->getDecorator('ViewScript')->setOption('placement', false); // Depuis un script de vue: $this->decorator->setOption('placement', false);
L'utilisation du décorateur ViewScript est recommandée dans les cas où vous souhaitez avoir un placement HTML très détaillé et très fin de vos éléments.