Question

我的旅行中有这个代码.blade.php。问题是，当我的$ t-＆gt;员工在模态之外时，我检索了所有员工，但当我将$ t-＆gt;员工放入我的模态中时，我只能检索1个数据。我无法弄清楚这种情况下的任何错误。

＆＃13;

@foreach($trips as $t)
<tr> 
    <td>{{$t->id}}</td> 
    <td>{{$t->dateMilled_trip}}</td>
    <td>{{$t->ticket->ticketNumber_ticket}}</td>	
    <td>{{$t->truckNumber_trip}}</td>
    <td>{{$t->finalWeight_trip}}</td>
    <td>


    {{$t->employees}} -> Here it shows all the employees inside trip



        <a class="btn btn-info btn-xs" data-toggle="modal" data-target="#viewEmployeesAttendanceTicket">View Employees Attendance</a>
        <!-- Modal -->
        <div class="modal fade" id="viewEmployeesAttendanceTicket" tabindex="-1" role="dialog" aria-labelledby="James Order List">
            <div class="modal-dialog" role="document">
                <div class="modal-content">


                    {{$t->employees}} ->Here it show only 1 employee data




                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">{{$t->ticket->ticketNumber_ticket}} Attendances</h4>
                    </div>
                    <div class="modal-body">
                        <table class="table table-striped"> 
                            <thead> 
                                <tr> 
                                    <th>#</th> 
                                    <th>Employee Name</th>  
                                </tr>
                            </thead> 
                            <tbody>
                            @foreach($t->employees as $emp) ->same here [1 Data only]
                            <tr> 
                                <td>{{$emp->id}}</td> 
                                <td>{{$emp->name_employee}}</td> 
                            </tr> 
                            @endforeach 

                            </tbody> 
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>    
    </td> 
    <td>
        <div class="btn-group" role="group" aria-label="...">
            <a class="btn btn-danger btn-xs">DELETE</a>
        </div>
    </td> 
</tr>
@endforeach

＆＃13;

截图

Answer 1

简短回答但不是最佳做法是更改这些行，如下所示

 <a class="btn btn-info btn-xs" data-toggle="modal" data-target="#viewEmployeesAttendanceTicket_{{$t->id}}">View Employees Attendance</a>
        <!-- Modal -->
        <div class="modal fade" id="viewEmployeesAttendanceTicket_{{$t->id}}" tabindex="-1" role="dialog" aria-labelledby="James Order List">

如果有效，你可以先尝试一下，然后再讨论这个问题。

我之前有过那种情况。在您的网页中发生的事情是您创建了很多行，并且在每个行中您创建了具有ID viewEmployeesAttendanceTicket的模态，因此有许多模式都具有相同的ID viewEmployeesAttendanceTicket并且在尝试时为了显示它们中的任何一个，它们将始终显示相同的模态 - 我猜的第一个 - 所以你在这里有两个方法。第一个是区分上面提到的模态，但是如果你有很多行，这个解决方案并不是很好，因为你有很多模态加载了数据。

更时尚的解决方案是通过jquery进行一次模态升级。如果你需要帮助写作，请留下评论

模态内的不同输出（Laravel 5.4）

1 个答案: