Question

我有一个带有单选按钮的表单：

absolute

在视图中我输出如下：

<script type="text/javascript" src="/scripts/updatepage.js"></script>
<script type="text/javascript">
<!--
updatepage();
//--></script>

并获取输出（为便于阅读而格式化）：

$this->add([
    'name' => 'time',
    'options' => [
        'value_options' => [
            '0' => '9:00 - 12:00',
            '1' => '12:00 - 16:00',
            '2' => '16:00 - 19:00',
        ],
        'label_attributes' => [
            'class' => 'WW_OBJ_fm-label',
        ]
    ],
    'type' => 'Radio'
]);

但我需要，标签文字由<div> <?php echo $this->formElement($form->get('time')); ?> </div>包裹：

<div>
    <label class="WW_OBJ_fm-label">
        <input type="radio" name="time" value="0"/>
        9:00 - 12:00
    </label>
    <label class="WW_OBJ_fm-label">
        <input type="radio" name="time" value="1"/>
        12:00 - 16:00
    </label>
    <label class="WW_OBJ_fm-label">
        <input type="radio" name="time" value="2"/>
        16:00 - 19:00
    </label>
</div>

实现它的最佳方法是什么？

Answer 1

解决方案是使用labelOption'disable_html_escape'：

$this->add([
        'name' => 'time',
        'options' => [
            'value_options' => [
                '0' => '<span class="WW_label-text">9:00 - 12:00</span>',
                '1' => '<span class="WW_label-text">12:00 - 16:00</span>',
                '2' => '<span class="WW_label-text">16:00 - 19:00</span>',
            ],
            'label_attributes' => [
                'class' => 'WW_OBJ_fm-label',
            ]
        ],
        'type' => 'Radio'
    ]);
$element = $this->get('time');
$element->setLabelOptions(['disable_html_escape' => true]);

Answer 2

我为您的问题找到了三种可能的解决方案。

1）扩展Zend\Form\View\Helper\FormRadio类，覆盖renderOptions方法，几乎完全复制Zend\Form\View\Helper\FormMultiCheckbox中可以找到的那个，但可能添加一个选项以将可选属性传递给{ {1}}元素

2）非常微妙，但可以节省你写一些代码：使用翻译器。由于翻译了无线电值选项，您可以保留在配置中定义的值，但在转换中添加span元素

3）不要使用span来显示元素，而是实际写出所有的html

如何以ZF2形式制作自定义单选按钮标签？

2 个答案: