Discussion :

[ZIED]

J'ai plusieurs questions quant à la personnalisation de Zend_Form :
1 - Mise en forme en tableau d'une Form
Comment faire pour avoir la mise en forme

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<form....>
<table>
<tr>
  <td><label.... </td><td><input.... </td>
</tr>
 
<tr>
  <td><label.... </td><td><input.... </td>  
</tr>
.....
</table>
</form>

2- Comment créer des une mise en forme de ce type là ?

Code :

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

1
2
3
4
5
6
7
8
<div><h2>Titre 1</h2></div>
 
<div> ici Subform1 ou displaygroup1</div>
 
<div> Contenu quelconque</div>
 
<div><h2>Titre 2</h2></div>
<div> ici Subform2 ou displaygroup2</div>

3- Comment créer un bouton 'Reset' pour remettre à zéro le contenu d'un formulaire?

Merci

[miya]

Bonjour ZIED,

Je ne vais pas pouvoir t'aider dans ta quete, mais il y a bien une remarque que je peux faire, c'est qu'on ne fait plus de mise en page avec les tableaux

Utilise le Css sur tes balise <label> et <input>

Sinon les réponses des experts m'interesse aussi

[ZIED]

Merci pour cette remarque. Je sais mais je ne maitrise pas d'autre solution.

Est-ce que tu peux m'orienter vers des tuto ou des exemples avec ou sans ZF?

Je veux avoir un rendu comme la photo ci-joint.

Comment faire?


Encore merci

[miya]

C'est d'avantage lié au CSS en faite cette mise en page. Mais, sinon pour faire la mise en page ci dessous avec zend, je bloque aussi. Attendons des experts

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<style>
label {
	width: 150px;
	display: block;
	float: left;
}
 
</style>
<div id="form">
	<form name="form" method="post">
		<label>Nom</label><input type="text" name="nom" /><br/>
		<label>Prénom</label><input type="text" name="prenom" /><br/>
		<label>Email</label><input type="text" name="email" /><br/>
					<label>Commentaire:</label> <br><textarea name="commentaire" rows="5" style="width: 430px;"></textarea><br/><br/> 
		<label>Nom</label><label>Nom</label><input type="text" name="nom" /><br/>
		<label>Nom</label><label>Prénom</label><input type="text" name="prenom" /><br/>
		<label>Nom</label><label>Email</label><input type="text" name="email" /><br/>
	</form>
</div>

[vg33]

Perso, j'utilise Zend_Form côté controller (création du form, validation des données, récupération des données) mais pas côté vue, car je n'arrive pas à faire ce que je veux (et notamment un code valide XHTML 1.1).
J'ai donc créé une classe perso de génération de formulaires XHTML, à qui je passe l'objet Zend_Form pour récupérer les champs, les valeurs, les messages d'erreur, les valideurs (pour calculer la largeur d'affichage d'un champ text par exemple). J'en profite pour créer des champs perso (date avec jquery.ui.datepicker inséré automatiquement par exemple). J'ai aussi créé des méthodes pour générer des tableaux dans le form (uniquement pour saisir des données tabulaires bien entendu ), pour afficher des groupes de checkbox (avec boutons Tout cocher/tout décocher), des arborescences à représentation intervallaire.... J'ai aussi ajouté une simple méthode addNote() qui permet d'insérer du xhtml quelconque dans le form, ce qui me laisse la main complète sur la vue.
Bref, un gros boulot (environ 2500 lignes de code), mais un gain de temps énorme maintenant dans mon application, notamment pour changer le comportement d'un type de champs dans toute l'application.
Dernier avantage : contrairement au comportement par défaut de Zend_Form, je ne mélange pas la vue et le modèle. En effet, les labels, légendes, exemples... sont ajoutés dans la vue, ce qui est plus logique que de les inclure dans le controller ou dans le modèle.

[ZIED]

Pouvez me donnez des exemples de codes?
Au moins la structure et les éléments clés.

[vg33]

Cette classe est trop complexe et dépend de trop d'autres classes perso pour que ce soit intéressant de poster son code.
La méthode principale est addField(). Avec elle, j'ajoute un champ dans le form xhtml, et je peux décider toute la présentation voulue.

[Alexandre T]

Si vous souhaitez changer les balises que placent par défaut Zend dans ses formulaires (dt dd etc...) il faut regarder du côté des décorateurs.

Mais mon conseil est de modifier le fichier CSS et de paramétrer correctement les balises dd et dt.

Enfin, en regardant dans mon code, j'ai en effet étendu une classe pour les éléments formulaires de type cases à cocher et j'ai placé des balises <span> en plus de dd et de dt. Voilà ce que cela donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<?php
class Form_Element_Forum_Autologin extends Zend_Form_Element_Checkbox 
{
    public function __construct(){
        parent::__construct('autologin');
    }
    public function init()
    {
        $this->setLabel('Me connecter automatiquement à chaque visite')
             //->addDecorator('TextItem')
             ->setAttrib('class', 'autologin');
        $this->addDecorators(array( 
            array( 'ViewHelper', array('helper' => 'formCheckbox')),
            new Zend_Form_Decorator_Label(array('tag' => 'span','class'=>'labelCheckBox','placement'=>'append')),
            array('HtmlTag', array('tag' => 'dd')), 
            array('HtmlTag', array('tag' => 'dt')), 
        ));              
    }
}