Zend Framework 2 - Form-Element Decorators

Möchte ich die Kraft des Zend form in Twitter Bootstrap style. Ich habe derzeit Durchlaufen die form-Felder und schreiben Sie die form info in meiner bootstrap div-Konstruktion.

Sah ich im Zend Framework 1(!) es gibt einen Weg, dies zu tun innerhalb von einem Dekorateur. Aber aus irgendeinem Grund, den doc für die version 2 nicht gerade dieser Punkt...

Ich würde gerne etwas wie das hier tun:

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;
}

Irgendwelche Ideen?

werfen Sie einen Blick auf die verschiedenen twitterbootstrap-Module, einige von Ihnen haben eigene view Helfer, welches unterstützt die meisten/alle der Optionen. zB. bitbucket.org/dlu/dlutwbootstrap
ich überprüfte mehrere von Ihnen, aber Sie nicht installieren oder müssen über 1 million Zeilen code pro form... ich mag meine Lösung, aber es wäre schön, wickeln Sie es in ein Dekorateur...das ist, warum 🙂
Zend\Form nicht decorator, aber Sie sind frei, zu schreiben, Ihre view-Helfer, wie Sie Sie entworfen hat. Nenn es wie du willst. und es nennen wie: echo $this->myviewhelper($Formular->get('elementname'));
vielen Dank, ill give it a try

InformationsquelleAutor Ron | 2012-12-18

Ich bin mit partials jetzt. Ich bin iterieren über die Attribute, bauen ein paar Ausnahmen wie z.B. CSRF und Submit... Das funktioniert ziemlich glatt:

Ansicht

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

Teilweise

<?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 );
?>

Ausnahmen sind Links für Klarheit Willen...

Hallo, vielen Dank für meine Seele öffnen Im neu in zend, aber wenn ich versuche deinen code, das versteckte Feld oder eine Schaltfläche, Hinzugefügt, um Ihre Schleife. Wie trennen nur FormRow in-Schleife, mit Ausnahme der versteckten Feld-und button ? Dank
ich denke, verwenden Sie if-Bedingungen

InformationsquelleAutor Ron

Habe ich es so wie @Rufinus erwähnt. Sehen Sie in diesem Tutorial, wie Sie einen View Helper im ZF2 http://blog.evan.pro/creating-a-simple-view-helper-in-zend-framework-2

In meinem Fall wollte ich einfach wickeln Formular-Elemente mit der Liste posten, so erweiterte ich die original-ZF2 View Helfer, und lassen Sie das rendering der Elemente. Ich Nur mit, was Sie zurück:

View Helfer 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>';
    }
}

View Helfer 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));
    }
}

während meine Sicht sieht so aus und müssen nicht geändert werden, damit die änderungen wirksam werden.

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

arbeitete wie ein Charme.

InformationsquelleAutor iroybot

Versuchte ich Ron ' s Partielle Methode, das Ergebnis würde wie diese, die nicht-Bootstrap-3 bestimmt.

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

Wir wissen, um die Verwendung von bootstrap 3 vordefinierte Form, Stil, müssen wir definieren Stil zu input-element: Formular-Kontrolle, anstatt zu Ihrer Verpackung-element.

Meine Teilweise Weg, ist wie folgt.

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();

Gut, konnten wir das Ergebnis erhalten.

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

So fügen Sie benutzerdefinierte Formatvorlagen in zf2 Formulare erwähnt hat : zum hinzufügen von class-Attribut für das Form-element.

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',
        ),
        ));
....

Sieht es ganz einfach, aber das problem ist das input-element wäre eingewickelt in das label-element, das immer noch nicht, was Bootstrap 3 vorgesehen.

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

Meiner Meinung nach ist die Partielle Methode ist immer noch eine leichte und flexible Auswahl. Tee-Box ist ein ZF2 Praxis, Sie könnten alle oben genannten code und Beschreibung von Gibhub

Für das element zu erscheinen außerhalb des label-element muss ein id - Attribut festlegen.

InformationsquelleAutor John Yin

-6

Dadurch wird der code einfacher.

http://php.net/manual/en/function.echo.php
```
<?php 

$form->prepare();
echo 
$this->form()->openTag($form),
$this->formCollection($form),
$this->form()->closeTag($form);
```
Ich fand es verwirrend.
Das ist meine Meinung: wenn Sie schreiben können einfacher, es zu tun. Ähnliche Tipps: verwenden Sie AnyClass1, AnyClass2;
Die folgende Zeile echo konnte eingerückt werden, zur besseren Lesbarkeit.
Ich sah Ihr Profil, damit Sie verstehen die Analogie hier: cout << a; cout << b; Diese kann geschrieben werden als cout << a << b; Und außerdem, endl = PHP_EOL
Es hängt von deinem code. Genauso wie cout 🙂 Aber wenn Sie formCollection, wie in diesem Fall, mein Beispiel ist korrekt.

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.