Question

我正在使用Laravel 4.2而且我一直在使用刀片foreach循环来创建一个表。该表显示了一些记录，当用户单击详细信息按钮时，将为该记录打开引导模式。不幸的是，打开的模态只显示第一条记录的详细信息，无论选择哪条记录。你有什么建议吗？

<table id="issueListTable" class="table table-striped table-bordered hover"  style=" width: 100%; text-align: center;">
    <thead>
    <tr id="issueTableHead">
        <td style="width: 5%">شناسه</td>
        <td style="width: 60%" >عنوان</td>
        <td style="width: 35%">عملیات</td>
    </tr>
    </thead>
    <tbody>
    @foreach($issueList as $key => $value)
        <tr id="r{{$value->id}}">
            <td name="groupID">{{ $key+1 }}</td>
            <td name="groupName">{{ $value->name}}</td>
            <td>
                @if( Session::has('customerID'))
                    <a name="issueGlance" class="label label-info"  data-toggle="modal"
                       data-target="#basicModal" id="{{ $value->id }}" style="margin-left: 3px   " href="#"><i class="fa fa-eye"></i></a>
                    <a name="addToUser" class="label label-success" id="{{ $value->id }}"  href="#"><i class="fa fa-check-square"></i></a>
                @else
                    <a name="viewIssue" class="label label-primary" id="{{ $value->id }}" style="margin-left: 3px   " href="#"><i class="fa fa-pencil"></i></a>
                    <a name="deleteIssue" id="{{ $value->id }}" class="label label-danger" href="#"><i class="fa fa-times"></i></a>
                @endif
            </td>
            <!-- we will also add show, edit, and delete buttons -->
            <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true" style="font-family: BYekan">
                    <div class="modal-dialog">
                            <div class="modal-content">
                                    <div class="modal-header" style="padding-bottom: 0; padding-top: 0">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="float: right; margin-top: 3px;">شرح مشکل</button>
                                        <h4 class="modal-title" id="myModalLabel" style="font-family: BYekan">{{$value->name}}</h4>
                                      </div>
                                    <div class="modal-body" style="padding-bottom: 0; padding-top: 0" >
                            <h4 style="margin-bottom: 0; margin-top: 0; font-family:BYekan">توصیف مشکل</h4>
                                            <h6 style="margin-top: 0; font-family:BYekan">{{$value->description}}</h6>
                            <h4 style="margin-top: 0; font-family:BYekan">راه حل</h4>
                            <h6 style="margin-top: 0; font-family:BYekan">{{$value->solution}}</h6>
                                        </div>
                                    <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button> 
                                    </div>
                            </div>
                      </div>
            </div>

        </tr>

    @endforeach
    </tbody>
</table>

Answer 1

您的代码中存在一些问题：

首先，您的模态代码不应位于tr元素内，将其放在表格之外或其他td元素内。
其次，每个模态都应该有唯一的id，每行的按钮将在data-target属性中使用该模态ID。在您当前的实现中，所有模态使用相同的id，这导致只识别第一个模态的事实。

一些更新：

将data-target="#basicModal"更改为data-target="#basicModal-{{ $value->id }}"
将模式ID从id="basicModal"更改为id="basicModal-{{ $value->id }}"
将模态代码移到每行的最后一个td元素中。

刀片foreach难度大

1 个答案: