模態內部的不同輸出（Laravel 5.4）

Question

我的這個代碼在我的trips.blade.php中。問題是當我的$ t->員工不在模態中時，我檢索了所有員工，但是當我將我的$ t->員工放入模態中時，我只能檢索1個數據。在這種情況下，我找不出任何錯誤。

@foreach($trips as $t) 
 
<tr> 
 
    <td>{{$t->id}}</td> 
 
    <td>{{$t->dateMilled_trip}}</td> 
 
    <td>{{$t->ticket->ticketNumber_ticket}}</td> \t 
 
    <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

截圖

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"> 

你可以先嚐試了這一點，如果它的工作原理然後讓我們討論這個問題。

我曾經遇到過這種情況。在你的頁面發生的事情是你做許多行，並在每一個你創建模式與編號viewEmployeesAttendanceTicket，所以有很多模式都具有相同的編號viewEmployeesAttendanceTicket當試圖顯示他們中的任何一個，他們將始終顯示相同的模態首先我猜 - 你在這裏有兩種方法。首先是區分上面提到的模態，但是如果你有很多行，這個解決方案就不是很好，因爲你會有這麼多的模態加載數據。

更圓滑的解決方案是有一種模式可以通過jquery升級。如果您需要編寫它的幫助，請發表評論