如何在ZF2表单中制作自定义单选按钮标签 - How to make custom Radio-Button labels in ZF2 forms?

How to make custom Radio-Button labels in ZF2 forms?

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

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

但我需要，标签文本由<span>:包装

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

实现这一目标的最佳方式是什么？

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

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

2）非常微妙，但可以节省您编写一些代码：使用翻译器。由于单选值选项被转换，您可以在配置中保留您的值，但在交易中添加span元素

3）不要使用$this->formElement来显示元素，而是实际编写所有的html

解决方案是使用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]);