Как я могу отображать данные в таблицах данных Yajra в Laravel 7?Jquery

Программирование на jquery
Ответить
Гость
 Как я могу отображать данные в таблицах данных Yajra в Laravel 7?

Сообщение Гость »


Я хочу отобразить данные в Laravel с помощью таблиц данных Yajra, но проблема в том, что данные пока не могут синхронизироваться.
Изображение
[img]https://i.stack .imgur.com/575u4.png[/img]
Если я выполню Dump and Die dd($orders), количество отображаемых данных равно 4, но если я покажу это в таблицах данных Яджры, отображаемые данные будут равны 5. В этом случае правильные данные — 4.
Как решить эту проблему? Ниже приведен код, который я создал.
Контроллер

Код: Выделить всё

public function index(Request $request) {

if (request()->ajax()) {

// Query Builder

$startDate  = Carbon::parse(request()->startDate)->format('Y-m-d H:i:s');
$endDate    = Carbon::parse(request()->endDate)->format('Y-m-d H:i:s');

$orders = DB::connection('database_marketplace')->table('category')
->join('product', 'category.id', '=', 'product.category_id')
->join('order_summary', 'product.id', '=', 'order_summary.product_id')
->join('order', 'order_summary.order_id', '=', 'order.id')
->where('category.id', 6)
->where('order.order_status', 2)
->when(request()->startDate || request()->endDate, function($q) use ($startDate, $endDate) {
$q->whereBetween('order.created_at', [$startDate, $endDate]);
})
->select('product.id', 'product.name', 'product.price', 'product.description', 'product.created_at', 'product.updated_at', DB::raw('sum(order_summary.quantity) as quantity'))
->groupBy('product.id')
->get();

// End Query Builder

// dd($orders);

return DataTables::of($orders)
->addIndexColumn()
->editColumn('name', function($item) {
return $item->name;
})
->editColumn('order_count', function ($item) {
return $item->quantity;
})
->editColumn('ingredient', function($item) {
$data = \Str::between($item->description, 'Bahan-bahan:', 'Cara Membuat');

return nl2br($data);
})
->rawColumns(['name', 'order_count', 'ingredient'])
->make(true);
}
return view('admin.marketplace.shoppingList.index', [
'title'     => 'Belanja',
'subtitle'  => 'Daftar Belanja',
'date'      => $request->date ?? null,
'startDate' => $request->startDate ?? null,
'endDate'   => $request->endDate ?? null,
]);
}
Вид лезвия

Код: Выделить всё

@extends('layouts.app')
@section('title', "{$title}")
@section('styles')







table thead th {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
/* stroke */
color: #676767;
}
table tbody tr td {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #676767;
}
.toolbar {
float: right;
}
.date-filter {
float: left;
}

@endsection
@section('content')


[h4]
{{ $subtitle }}
[/h4]
{{--

--}}


Filter





Submit


{{-- [url=#]Download PDF[/url] --}}
{{--

--}}








Panen-panen Admin


@endsection
@section('modal')

$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});

$(function() {
oTable = $('#table-order').DataTable({
"columnDefs": [{
"defaultContent": "-",
"targets": "_all"
}],
processing: true,
serverSide: true,
ajax: {
url: '{{url()->current()}}'
},
columns: [
{
data: 'DT_RowIndex',
name: 'DT_RowIndex',
orderable: false,
searchable: false,
title: 'No',
width: '5%',
},
{
data: 'name',
name: 'name',
title: 'Nama Produk',
width: '45%'
},
{
data: 'order_count',
name: 'order_count',
title: 'Jumah Pesanan',
width: '10%'
},
{
data: 'ingredient',
name: 'ingredient',
title: 'Bahan-bahan',
width: '40%'
},
],
});
});


{{-- Date time Range Picker --}}

$(function() {
$('#dateFilter').daterangepicker({
opens: 'left',
autoUpdateInput: false,
minDate: '2021-01-01 00:00:00',
timePicker: true,
timePicker24Hour: true,
locale: {
cancelLabel: 'Clear',
format: 'YYYY-MM-DD HH:mm:ss',
},
});

$('#dateFilter').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('YYYY-MM-DD HH:mm:ss') + ' - ' + picker.endDate.format('YYYY-MM-DD HH:mm:ss'));
$('#startDate').val(picker.startDate.format('YYYY-MM-DD HH:mm:ss'));
$('#endDate').val(picker.endDate.format('YYYY-MM-DD HH:mm:ss'));
});

$('#dateFilter').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
});
});

@endsection


Источник: https://stackoverflow.com/questions/722 ... -laravel-7
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»