时间戳

首页 > 解决方案 > 在 Laravel 8 中使用 yajra 数据表加载 DataTable where select

laravel - 在 Laravel 8 中使用 yajra 数据表加载 DataTable where select

问题描述

我需要加载一个 DataTable，其中输入值等于数据库中的值。我尝试使用此功能但无法正常工作。

控制器

public function getit(Request $request)
{
    $shp_no = $request->shp_no_for_it;
    $data = Item::select('*')->where('shp_no_for_it', $shp_no)->get();
    
    return Datatables::of($data)
        ->addIndexColumn()
        ->addColumn('action', function ($row) {
            $btn = '<a href="javascript:void(0)" 
                class="edit btn btn-primary btn-sm">View</a>';
            
            return $btn;
        })
        ->rawColumns(['action'])
        ->make(true);
}

脚本

$('#search_button').click(function(){
    $(function () {
        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('getit') }}",
            columns: [
                {data: 'id', name: 'id'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });
    });
});

输入

<input type="title" class="form-control" id="shp_no_for_it" name="shp_no_for_it">

路线

Route::get('getit', [ItemController::class, 'getit'])->name('getit');

标签： laravellaravel-8yajra-datatable

解决方案

看起来你还没有在 ajax 中传递数据。所以首先创建一个数据表的函数

function itemDataTable(param={}){
     dataTable = $('#itemTable').DataTable({
        processing: true,
        serverSide: true,

         ajax: {
             url: "{{ route('getit') }}",
             type: 'get',
             headers: { 'content-type': 'application/x-www-form-urlencoded', 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
             data: param,


         },
        columns: [
            {data: 'id', name: 'id'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });

    return dataTable;
}

然后在页面加载调用数据表

$(function () {
  itemDataTable();
});

并点击搜索按钮

$('#search_button').click(function(){
    var param={
        shp_no_for_it:$('#shp_no_for_it').val();
    }
    itemDataTable(param)
});

并且在控制器中，如果您使用服务器端处理，则无需调用 get() 。但是添加以下内容

processing: true,
serverSide: true,

并在控制器中

public function getit(Request $request)
{
    $shp_no = $request->shp_no_for_it;
            $data = Item::select('*') ->where('shp_no_for_it', $shp_no);
            return Datatables::of($data)
                    ->addIndexColumn()
                    ->addColumn('action', function($row){
                            $btn = '<a href="javascript:void(0)" class="edit btn btn-primary btn-sm">View</a>';
                            return $btn;
                    })
                    ->rawColumns(['action'])
                    ->make(true);
}

并在 html 表中

<table class="table table-bordered data-table col-md-12" id="itemTable">

推荐阅读