【问题标题】:Cakephp3: How to output checkboxes into 2 colums?Cakephp 3:如何将复选框输入 2 列?
【发布时间】:2016-12-13 10:01:05
【问题描述】:

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

<?=$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;">

(参见“inputContainer”行)div 容器。这有可能吗?

【问题讨论】:

    标签: html cakephp cakephp-3.0


    【解决方案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;
    }
    

    希望这会有所帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-21
      • 1970-01-01
      相关资源
      最近更新 更多