Question

我想在yii2中添加模板到radioList，我尝试过，但我无法获得正确的o / p。

HTML

<div class="input-wrap">
    <label class="gender-head">Gender</label>
    <label class="signup-radio">
        <input type="radio" name="signup-gender" id="signupMale" checked  tabindex="3" />
        <i></i>
        <span>Male</span>
    </label>
    <label class="signup-radio">
        <input type="radio" name="signup-gender" id="signupFemale" tabindex="3" />
        <i></i>
        <span>Female</span>
    </label>
</div>

o / p应如下所示

enter image description here

我尝试的Yii2代码是......

<div class="input-wrap">
    <div class="clearfix">
        <?= $form->field($model, 'gender', ['radioTemplate' => '<label class="gender-head">{label}</label><label class="signup-radio">{input}</label>'])->inline()->radioList([1 => 'Male', 0 => 'Female'], ['separator' => '', 'tabindex' => 3]); ?>
     </div>
     <div class="help-block"></div>
</div>

我在模板上搜索了很多但没有得到任何正确的回复。

Answer 1

我终于找到了修改Yii2

中输入标签生成逻辑的方法

为了得到单选按钮的上述结果，我开发了以下代码

            <div class="input-wrap">
                <div class="clearfix" id="UserLogin-gender">
                    <label class="radio-head">Gender</label>
                    <?=
                    $form->field($model, 'gender')
                        ->radioList(
                            [1 => 'Male', 0 => 'Female'],
                            [
                                'item' => function($index, $label, $name, $checked, $value) {

                                    $return = '<label class="modal-radio">';
                                    $return .= '<input type="radio" name="' . $name . '" value="' . $value . '" tabindex="3">';
                                    $return .= '<i></i>';
                                    $return .= '<span>' . ucwords($label) . '</span>';
                                    $return .= '</label>';

                                    return $return;
                                }
                            ]
                        )
                    ->label(false);
                    ?>
                </div>
                <div class="help-block"></div>
            </div>

radioList中的“item”选项是用Yii2编写的输入生成逻辑的回调函数。我们可以轻松修改使用此回调函数及其参数生成的每个元素的布局。

Answer 2

也许我太迟了但你可以试试这个

<?= $form->field($model, 'abc')->inline()->radioList(['example1' => 'example1', 'example2' => 'example2'])->label(false) ?>

Source

Answer 3

$form->field($model, 'gender')
     ->radioList(array(1 => 'Male', 0 =>'Female'), array('class' => 'i-checks'));

Yii 2 - radioList模板

3 个答案: