0

次の要素が追加されたZF2のフォームがあります。

$this->add(array(
    'name' => 'animals',
    'type' => 'radio',
    'attributes' => array(
        'id' => 'animals',
        'class' => 'form-control',
    ),
    'options' => array(
        'label' => 'Favourite animal',
        'options' => array(
            'cat' => 'Cat',
            'dog' => 'Dog',
            'fish' => 'Fish',
        ),
    ),
));

私のビュースクリプトには、次の行があります。

<?php echo $this->formrow($form->get('animals')); ?>

次のhtmlを生成しています：

<fieldset>
    <legend>Favourite Animal</legend>
    <label><input type="radio" name="animals" id="animals" class="form-control input-error" value="cat">Cat</label>
    <label><input type="radio" name="animals" class="form-control input-error" value="dog">Dog</label>
    <label><input type="radio" name="animals" class="form-control input-error" value="fish">Fish</label>
</fieldset>

フィールドセットにクラスを追加するにはどうすればよいですか?

以下をoptions配列、attributes配列、およびメイン配列のオプションとして追加しようとしましたが、フィールドセットにクラスを追加していません。

'fieldset_attributes' => array(
    'class' => 'form-group',
),

[編集]

コード ( \Zend\Form\View\Helper\FormRow::render) を調べると、次のことがわかりました。

...
// Multicheckbox elements have to be handled differently as the HTML standard does not allow nested
// labels. The semantic way is to group them inside a fieldset
if ($type === 'multi_checkbox'  || $type === 'radio' || $element instanceof MonthSelect ) {
    $markup = sprintf('<fieldset><legend>%s</legend>%s</fieldset>', $label, $elementString);
} 
...

つまり、フィールドセット (または必要に応じて凡例) にクラスを追加する唯一の方法は、ビュー ヘルパーを拡張することです。

4

1 に答える 1

2

ここに投稿された回答に従いました（https://stackoverflow.com/a/27273068/351785）。

回答から(私の要件に合わせて変更):

Application\Form\View\Helper\FormRow.php以下のようなヘルパー クラスを作成します。

<?php
/**
 * Extend zend form view helper formrow to allow class to be added to fieldset / legend
 */
namespace Application\Form\View\Helper;
use Zend\Form\View\Helper\FormRow as ZendFormRow;

class FormRow extends ZendFormRow
{

    /**
     * Utility form helper that renders a label (if it exists), an element and errors
     *
     * @param  ElementInterface $element
     * @throws \Zend\Form\Exception\DomainException
     * @return string
     */
    public function render(\Zend\Form\ElementInterface $element)
    {
        //... other code here

            // Multicheckbox elements have to be handled differently as the HTML standard does not allow nested
            // labels. The semantic way is to group them inside a fieldset
            if ($type === 'multi_checkbox'
                || $type === 'radio'
                || $element instanceof MonthSelect
            ) {
                $fieldset_class = $legend_class = '';
                if($class = $element->getOption('fieldset_class')) {
                    $fieldset_class = sprintf(' class="%s"', $class);
                }
                if($class = $element->getOption('legend_class')) {
                    $legend_class = sprintf(' class="%s"', $class);
                }
                $markup = sprintf(
                    '<fieldset%s><legend%s>%s</legend>%s</fieldset>',
                    $fieldset_class,
                    $legend_class,
                    $label,
                    $elementString);
            }
        //... other code here

        return $markup;
    }

}

そして、以下のように Module.php ファイルの onBootstrap() メソッドでファクトリをオーバーライドします。

namespace Application;

use Zend\Mvc\MvcEvent;
use Zend\View\HelperPluginManager;

class Module
{
    /**
     * On bootstrap for application module.
     *
     * @param  MvcEvent $event
     * @return void
     */
    public function onBootstrap(MvcEvent $event)
    {
        $services = $event->getApplication()->getServiceManager();

        // The magic happens here
        $services->get('ViewHelperManager')->setFactory('formrow', function (HelperPluginManager $manager) {
            return new \Application\Form\View\Helper\FormRow();
        });
    }
}

そして、クラスを次のように追加します。

$this->add(array(
    'name' => 'animals',
    'type' => 'radio',
    'attributes' => array(
        'id' => 'animals',
        'class' => 'form-control',
    ),
    'options' => array(
        'label' => 'Favourite animal',
        'fieldset_class' => 'form-group', //<== this
        'legend_class' => 'form-legend',  //<== and this
        'options' => array(
            'cat' => 'Cat',
            'dog' => 'Dog',
            'fish' => 'Fish',
        ),
    ),
));
于 2016-08-22T16:43:48.863 に答える