загрузка данных из контроллера в сетку js в файле вида через ajax запрос Laravel - PullRequest
0 голосов
/ 21 января 2020

Мои данные отображались совершенно нормально, но теперь я хочу отобразить данные в JS -Grid-плагине. Я реализовал и включил все необходимые файлы, необходимые для использования js -grid. Теперь я отправляю свои данные из Контроллера в представление, где я раньше отображал данные (без js -grid), но я не понимаю, как отображать данные в плагине js -grid через ajax?

Мой предыдущий файл просмотра (без js -grid)

<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-5">
                <h4 class="card-title mb-0">
                    Orders
                </h4>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col">
                <div class="table-responsive">
                    <table class="table">
                        <thead class="bg-dark text-white">
                            <tr>
                                <th>Product</th>
                                <th>Total Price</th>
                                <th>Status</th>
                                <th>Created At</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($orders->count())
                            @foreach($orders as $order)
                            <tr>
                                <td>
                                    {{$order->getProductNames() }}
                                </td>
                                <td>{{ $order->total_price }}</td>
                                <td>{{ $order->translateStatus() }}</td>
                                <td>{{ $order->created_at }}</td>
                                <td><a class="badge badge-busy" href="{{route('frontend.user.product.invoice',$order->id)}}">Detail</a></td>
                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td>

                                    <p>No Order Found</p>
                                </td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

Мой новый файл просмотра с js -grid;

<div class="main-panel">
    <div class="content-wrapper">
        <div class="row grid-margin">
            <div class="col-12">

                <div class="card">
                    <div class=" card-body">
                        <h4 class="card-title mb-0">
                            Orders
                        </h4>
                        <div id="js-grid" class="pt-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

// здесь я хочу добавить ajax запрос на получение всех данных, как я получаю через foreach l oop выше. Любая помощь??? Пожалуйста, я застрял ..

...