Dinamic复选框+表与刀片Famework和Laravel

时间:2017-02-21 18:41:22

标签: php laravel laravel-5.3 blade laravel-blade

我需要在表格行中组织我的复选框字段。

我希望每10件物品刀片破坏表格行。

这是我的代码:

<table>

  <div class="btn-group" data-toggle="buttons">
    {{$i = 0}}

    @foreach($sintese as $s)
        <tr>
            <td>
                <label class="btn btn-primary">
                    <input type="checkbox" autocomplete="off" name="chksintese" id="{{$s->cod_sintese_conversa}}">
                    <span class="glyphicon glyphicon-ok"></span>
                    {{$s->descricao}}
                </label>
            </td>

            @if ($i > 10)
                {{'</tr>'}}
                {{$i = 0}}  
            @else
                {{$i++}}
            @endif

        @endforeach
    </div>

</table>

And Here is My Result:

2 个答案:

答案 0 :(得分:1)

怎么样:

<table>
    <div class="btn-group" data-toggle="buttons">
        <tr>
            @foreach($sintese as $s)
                <td>
                    <label class="btn btn-primary">
                        <input type="checkbox" autocomplete="off" name="chksintese" id="{{$s->cod_sintese_conversa}}">
                        <span class="glyphicon glyphicon-ok"></span>
                        {{$s->descricao}}
                    </label>
                </td>

                @if ($loop->iteration % 10 == 0 && !$loop->last)
                    </tr><tr>
                @endif
            @endforeach
        </tr>
    </div>
</table>

答案 1 :(得分:0)

你不断打开一个新的行标签,但是每隔10个关闭它。你也会回复计数器,这是不需要的。相反,在循环之前打开它,然后每10次重置它。不要重置$ i,而是将其与余数运算符进行检查,并确保不打算创建空行。

    <tr>
@foreach($sintese as $s)
        <td>
            <label class="btn btn-primary">
                <input type="checkbox" autocomplete="off" name="chksintese" id="{{$s->cod_sintese_conversa}}">
                <span class="glyphicon glyphicon-ok"></span>
                {{$s->descricao}}
            </label>
        </td>

        @if ($i % 10 == 0 && $i < count($sintese))
            <tr/><tr>
        @endif  
    <?php $i++ ?>

    @endforeach
    </tr>