javascript - 带有 foreach 循环的 Bootstrap Modal。如何传递 foreach 参数？

Question

我正在使用 PHP (Laravel 5.3) 并使用 Bootstrap 模式开发 Blade View ，该模式内部有一个 foreach 循环以显示太多行。该模式是从一​​个表中调用的，该表在每行的末尾都有一个用于获取更多详细信息的按钮(并且此详细信息是一个数组)。

那么，如何将数组数据传递给模态呢？

<div class="table-responsive">
    <table class="table table-bordered m-table" id="business">
        <thead class="columns">     
            <tr>
                <th class="column1">Name</th>
                <th class="column2">Contact</th>
                <th class="column3">Details</th>
            </tr>
        </thead>
        <tbody class="main-rows list" >
            @foreach ($listBusiness as $business)
                <tr>                                                        
                    <td class="column1">{{$business->name}}</td>
                    <td class="column2">{{$business->contact}}</td>
                    <td class="column7">
                        <a data-toggle="modal" data-target="#modalBusinessDetails">
                            <i class="la la-search"></i>
                        </a>
                    </td>                           
                </tr>
            @endforeach
        </tbody>
    </table>
</div>

<!-- Modal table -->
<div class="modal" id="modalBusinessDetails" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body text-center">
                <div class="col-12">                                
                    <div class="table-responsive">
                        <table class="table table-bordered m-table" id="business">
                            <thead class="columns">     
                                <tr>
                                    <th class="column1">Created at</th>
                                    <th class="column2">Active</th>
                                    <th class="column2">Employees</th>
                                </tr>
                            </thead>
                            <tbody class="main-rows">
                                @foreach ($ListDetail as $BusinessDetail)
                                    <tr>
                                        <td class="column1">{{$BusinessDetail->created_at}}</td>
                                        <td class="column2">{{$BusinessDetail->active}}</td>
                                        <td class="column3 text-center">{{$BusinessDetail->employees}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="btn group">
                    <button type="button" data-dismiss="modal">{{Tr('Close')}}</button>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

就像@Vidal所说，这需要JS(例如AJAX、AXIOS等) 这是我的示例 Controller 方法，您可以将其用于类似的事情。

function getData(Request $request)
{
   $data = DB::table('table_name')->get(); //can be done differently
   //create separate view for dynamic data e.g table <tbody>AJAX or AXIOS response</tbody>
   $returnHTML = view('view_name',compact('data'))->render();

   return response()->json( ['success' => true, 'html' => $returnHTML] );

}

希望有帮助。