Zend Framework 2 - Décorateurs d'éléments de formulaire

Je veux forcer le Zend form dans Twitter Bootstrap style. Je suis actuellement itérer à travers les champs de formulaire et écrire le formulaire d'info dans mon bootstrap div construction.

J'ai vu dans le Zend Framework 1(!) qu'il y a une manière de le faire au sein d'un décorateur. Mais pour une raison quelconque, le doc pour la version 2 ne couvre pas ce point...

J'aimerais faire quelque chose comme ceci:

protected $_format = '<label for="%s">%s</label>'
             . '<input id="%s" name="%s" type="text" value="%s"/>';

public function render($content)
{
    $element = $this->getElement();
    $name    = htmlentities($element->getFullyQualifiedName());
    $label   = htmlentities($element->getLabel());
    $id      = htmlentities($element->getId());
    $value   = htmlentities($element->getValue());

    $markup  = sprintf($this->_format, $name, $label, $id, $name, $value);
    return $markup;
}

Des idées?

source d'informationauteur Ron

Je suis en utilisant partials maintenant. Je suis une itération sur les attributs, construire quelques exceptions, par exemple pour CSRF et Submit... Cela fonctionne assez lisse:

Vue

echo $this->partial('partial/form-partial', array(
'form' => $this->form,
'url' =>  $this->url('whatever', array('action' => 'add')))); ?>

Partielle

<?php
$form = $this->form;
$form->setAttribute ( 'action', $this->url () );
$form->prepare ();

echo $this->form ()->openTag ( $form );
foreach ( $form as $element ) :
?>
    <div
        class="control-group <?php if($this->formElementErrors($element)) echo "error" ?>">
        <label class="control-label"><?php echo $element->getLabel() ?></label>
        <div class="controls">
                <?php echo $this->formElement ( $element );
                    if ($this->formElementErrors ( $element ))
                ?>
            <span class="help-inline"><?php echo $this->formElementErrors($element) ?></span>
        </div>
    </div>
<?php
endforeach;
echo $this->form ()->closeTag ( $form );
?>

Les exceptions sont laissés à l'extérieur pour clearity de l'amour..."

J'ai fait de la façon @Rufin mentionné. Voir ce Tutoriel sur la façon de créer des Aides de Vue dans ZF2 http://blog.evan.pro/creating-a-simple-view-helper-in-zend-framework-2

Dans mon cas, je voulais simplement envelopper les éléments de formulaire avec les éléments de la liste alors j'ai prolongé l'origine ZF2 Aides de Vue et de les laisser faire le rendu des éléments. Je vient de terminer ce qu'ils retour:

Helper De Vue FormCollection.php

<?php
//./src/Application/View/Helper/FormCollection.php
namespace Application\View\Helper;

use Zend\Form\ElementInterface;
use Zend\Form\View\Helper\FormCollection as BaseFormCollection;

class FormCollection extends BaseFormCollection {
    public function render(ElementInterface $element) {
        return '<ul>'.parent::render($element).'</ul>';
    }
}

Helper De Vue FormElement.php

<?php
//./src/Application/View/Helper/FormElement.php
namespace Application\View\Helper;

use Zend\Form\ElementInterface;
use Zend\Form\View\Helper\FormElement as BaseFormElement;

class FormElement extends BaseFormElement {

    public function render(ElementInterface $element) {
        if ($element->getOption('required')) {
            $req = 'required';
        }
        $type = $element->getAttribute('type');
        $name = $element->getAttribute('name');
        return sprintf('<li class="%s %s %s">%s</li>', $name, $req, $type,  parent::render($element));
    }
}

tandis que mon point de vue, ressemble à ceci et n'a pas besoin d'être modifiées pour que les modifications prennent effet.

<?php 
$form = $this->form;
$form->prepare();
echo $this->form()->openTag($form);
echo $this->formCollection($form);
echo $this->form()->closeTag($form);

a travaillé comme un charme.

J'ai essayé Ron Partielle de la méthode, le résultat serait comme ce qui ne Bootstrap 3 prévu.

<form id="tea" name="tea" method="POST" action="/tea/add">
    ...
    <div class="form-group">
        <label class="control-label">Brand</label>
        <div class="form-control">
            <input type="text" value="" name="brand">
        </div>
    ...

Nous le savons, dans le but d'utiliser bootstrap 3 Formulaire prédéfini de style, nous avons besoin de définir le style de l'élément d'entrée: formulaire de contrôle, plutôt que de l'élément d'habillage.

Ma partie est de la forme suivante.

echo $this->form()->openTag($form);
foreach ($form as $element) :?>
    <div class="form-group">
        <?php 
            if ($element->getOption('required')) { $req = 'required'; }
            $type = $element->getAttribute('type');
            $name = $element->getAttribute('name'); 
            $label = $element->getLabel();
        ?>
        <?php if ($name == 'id') { ?>
            <div class="hidden"><?php echo $this->formElement($element); ?></div>
        <?php } else if ($name == 'submit') { ?>
            <input class='btn' name='submit' type='submit' value='Add'>
        <?php } else if ($label != '') { ?>
            <label class="control-label"><?php echo $label ?></label>
            <input class='form-control' name='<?php echo $name ?>' type='<?php echo $type ?>'>
        <?php } ?> 
    </div>
<?php 
endforeach;
echo $this->form()->closeTag();

Eh bien, nous pourrions obtenir le résultat.

<form id="tea" name="tea" method="POST" action="/tea/add">
    ...
    <div class="form-group">
        <label class="control-label">Brand</label>
        <input class="form-control" type="text" name="brand">
    </div>
...

Comment fixer les styles personnalisés dans zf2 formes a mentionné : pour ajouter l'attribut class de l'élément de Formulaire.

class TeaForm extends Form
{
    public function __construct($name = null)
    {
        //we want to ignore the name passed
        parent::__construct('tea');

        $this->add(array(
            'name' => 'id',
            'type' => 'Hidden',
        ));
        $this->add(array(
            'name' => 'brand',
            'type' => 'Text',
            'options' => array(
                'label' => 'Brand',
            ),
            /** **define class attribute** **/
        'attributes' => array(
            'class' => 'form-control',
        ),
        ));
....

Il semble assez simple, mais, le problème, c'est l'élément d'entrée serait enveloppée dans de l'étiquette de l'élément, qui ne sont pas encore ce Bootstrap 3 prévu.

<form id="tea" role="form" name="tea" method="POST" action="/tea/add">
    <input type="hidden" value="" name="id">
    <label>
        <span>Name</span>
        <input class="form-control" type="text" value="" name="name">
    </label>
...

À mon avis, le caractère Partiel de la méthode est encore un léger et flexible choix. Boîte à thé est un ZF2 pratique, vous trouverez tous les code mentionné ci-dessus et la description de Gibhub

-6

Cela permet de rendre le code plus facile.

http://php.net/manual/en/function.echo.php

<?php 

$form->prepare();
echo 
$this->form()->openTag($form),
$this->formCollection($form),
$this->form()->closeTag($form);

Vous devez vous connecter pour publier un commentaire.