2017-06-05 45 views
0

我想在Yajra添加按钮,所以我读http://dt54.yajrabox.com/buttons/eloquent。 下面的步骤。但仍显示空白。Datatable服务Yajra显示空白

nb。如果我没有使用数据表服务运行良好。

Datatables class

namespace App \ DataTables;

use App\employee; 
use Yajra\Datatables\Services\DataTable; 
class EmployeeDataTable extends DataTable 
{ 

public function ajax() 
{ 
return $this->datatables 
->eloquent($this->query()) 
->make(true); 
} 

public function query() 
{ 
    $query = employee::select(); 

    return $this->applyScopes($query); 
} 

public function html() 
{ 
    return $this->builder() 
       ->columns($this->getColumns()) 
       ->ajax('{{ url("Employee/index3") }}') 
       ->parameters([ 
        'dom'   => 'Bfrtip', 
        'buttons'  => ['export', 'print', 'reset', 'reload'], 

       ]); 
} 

protected function filename() 
{ 
    return 'employeedatatables_' . time(); 
} 

在控制器

use Yajra\Datatables\Facades\Datatables; 
use App\DataTables\EmployeeDataTable; 

public function index3(EmployeeDataTable $dataTable) 
{ 
    return $dataTable->render('employee.users'); 
} 

在查看

@extends('layouts.app') 

@section('content') 
<div class="col-md-8 col-md-offset-2"> 
<h3>test</h3> 

{!! $dataTable->table() !!} 
</div> 
{!! $dataTable->scripts() !!} 
@endsection 

如果我使用萤火虫,我有错误304没有改变。 你能告诉我我的错误,请问?

回答

0

解决..也许能帮助别人.. 这是搜索栏,并在数据表类使用Datatabale服务

添加动作

public function ajax() 
{ 

    return $this->datatables 

     ->eloquent($this->query()) 
     ->addColumn('action', function ($query) { 
         return '<a href="#edit-'.$query->ID.'" class="btn btn-xs btn-primary"><i class="glyphicon glyphicon-edit"></i> Edit</a> 
        <a href="#delete-'.$query->ID.'" class="btn btn-xs btn-danger"><i class="glyphicon glyphicon-minus-sign"></i> Del</a>'; 
        }) 
     ->make(true); 
} 

public function query() 
{ 
    $query = employee::select('ID','cNip','vName','vBankbranch'); 

    return $this->applyScopes($query); 
} 

public function html() 
{ 
    return $this->builder() 
       ->columns($this->getColumns()) 
       ->addAction(['width' => '10%']) 
       ->ajax('') 
       ->parameters([ 
        'dom'   => 'Bfrtip', 
        'buttons'  => ['export', 'print', 'reset', 'reload'], 
        'initComplete' => "function() { 
         this.api().columns().every(function() { 
          var column = this; 
          var input = document.createElement(\"input\"); 
          $(input).appendTo($(column.footer()).empty()) 
          .on('change', function() { 
           column.search($(this).val(), false, false, true).draw(); 
          }); 
         }); 
        }", 
       ]); 
} 

在查看

@extends('layouts.app') 
@section('content') 
<div class="col-md-8 col-md-offset-2"> 
<h3>test</h3> 
{!! $dataTable->table([], true) !!} 
</div> 
@endsection 
@section('scripts') 
{!! $dataTable->scripts() !!} 
@endsection