Question

我有这个调用在我的视图中输出一组复选框：

<?=$this->Form->input('roles._ids', [
     'options' => $roles,
     'label' => false,
     'multiple' => 'checkbox',
     'templates' => [
           'checkboxWrapper' => '<label class="mt-checkbox">{{label}}<span></span></label>',
           'nestingLabel' => '{{input}}{{text}}',
           'inputContainer' => '<div class="col-md-1" style="padding-top: 10px;"><div class="mt-checkbox-list" data-error-container="#form_2_services_error">{{content}}</div></div>'
                                            ]]);
                            ?>

有没有人知道解决方案 - 如何将输出分成2个div？我希望在一个

中有一半的复选框

<div class="col-md-1" style="padding-top: 10px;">

（参见line＆＃34; inputContainer＆＃34;）div容器。无论如何可能吗？

Answer 1

如果你想在两列中分隔复选框，你可以这样做

    <?php
    $this->Form->templates([
        'checkboxWrapper' => '<div class="col-md-6">{{label}}</div>'
    ]);
    ?>
    <?=$this->Form->input('roles._ids', [
        'options' => ['asdasd','asdasd','asdasd'],
        'label' => false,
        'multiple' => 'checkbox',
        ]);
    ?>

或者你可以通过添加这个css

来改变cakehphp的默认模板的样式

.checkbox {
    width: 49%;
    display: inline-block;
}

希望这会有所帮助

Cakephp3：如何将复选框输出为2个列？

1 个答案: