10

Zend フォームを強制的に Twitter Bootstrap スタイルにしたいと考えています。現在、フォーム フィールドを反復処理し、フォーム情報をブートストラップ div 構造に書き込みます。

Zend Framework 1(!) で、デコレータ内でこれを行う方法があることを見ました。しかし、何らかの理由で、バージョン 2 のドキュメントはこの点をカバーしていません...

私はこのようなことをしたいと思います:

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

何か案は？

4

4 に答える 4

17

今使ってpartialsいます。私は属性を繰り返し処理しています。たとえば、いくつかの例外を作成していますCSRF...Submitこれは非常にスムーズに機能します。

意見

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

部分的

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

明確にするために、例外は省略されています...

于 2013-01-09T08:39:22.390 に答える
6

@Rufinusが言及した方法でそれを行いました。ZF2 でビュー ヘルパーを作成する方法については、このチュートリアルを参照してくださいhttp://blog.evan.pro/creating-a-simple-view-helper-in-zend-framework-2

私の場合、単純にフォーム要素をリスト項目でラップしたかったので、元の ZF2 ビュー ヘルパーを拡張し、それらに要素のレンダリングを行わせました。私は彼らが返すものをラップしました:

ヘルパー 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>';
    }
}

ヘルパー 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));
    }
}

私のビューはこのように見え、変更を有効にするために変更する必要はありませんでした。

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

魅力のように働きました。

于 2013-03-03T21:13:47.947 に答える
4

Ron の Partial メソッドを試してみたところ、結果は Bootstrap 3 が意図したものではありませんでした。

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

ブートストラップ 3 の事前定義されたフォーム スタイルを使用するには、ラッピング要素ではなく、入力要素のフォーム コントロールにスタイルを定義する必要があります。

私の部分的な方法は次のとおりです。

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

さて、結果を得ることができました。

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

カスタム スタイルを zf2 フォームにアタッチする方法については、クラス属性を Form 要素に追加する方法について説明しました。

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

非常に単純に見えますが、問題は入力要素がラベル要素にラップされることであり、これはまだ Bootstrap 3 が意図したものではありません。

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

私の意見では、Partial メソッドは依然として柔軟で軽い選択肢の 1 つです。Tea Box は ZF2 のプラクティスの 1 つです。上記のコードと説明はすべてGibhubから入手できます。

于 2013-11-25T01:59:25.273 に答える
-6

これにより、コードが簡単になります。

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

<?php 

$form->prepare();
echo 
$this->form()->openTag($form),
$this->formCollection($form),
$this->form()->closeTag($form);
于 2013-08-03T23:14:09.697 に答える