我正在尝试使链接到另一个视图的ID的行值可单击。这可以通过使用前端的jQuery常规数据表来实现,例如:<td><h6><a href="/users/{{ $user->id }}">{{ $user->id }}</a></h6></td>
。但是我该如何使用yajra?由于某种原因,yajrabox.com最终不会加载,因此我无法阅读其文档。我也找不到相关的教程。这就是我到目前为止所拥有的。
UsersController:
public function index()
{
return view('users.index');
}
public function yajraDT()
{
return Datatables::of(User::query())->make(true);
}
index.blade.php:
<div class="container">
<h2>Laravel DataTables Tutorial Example</h2>
<table class="table table-bordered" id="tableDT">
<thead>
<tr>
<th class="text-left">Id</th>
<th class="text-left">First Name</th>
<th class="text-left">Last Name</th>
<th class="text-left">Email</th>
<th class="text-left">Gender</th>
@if(Auth::check() && Auth::user()->type == "Admin")
<th class="text-left">Actions</th>
@endif
</tr>
</thead>
</table>
<script>
$(function() {
$('#tableDT').DataTable({
processing: true,
serverSide: true,
ajax: '{{ url('users/yajraDT') }}',
columns: [
{ data: 'id', name: 'id' },
{ data: 'first_name', name: 'first_name' },
{ data: 'last_name', name: 'last_name' },
{ data: 'email', name: 'email' },
{ data: 'gender', name: 'gender' }
]
});
});
</script>
routes.web:
Route::get('users/yajraDT', 'UsersController@yajraDT');
Route::resource('users', 'UsersController');
答案 0 :(得分:1)
您可以像这样将渲染函数传递给数据:
{ data: 'id', name: 'id', render:function(data, type, row){
return "<a href='/users/"+ row.id +"'>" + row.id + "</a>"
}},
这会将所有<td>
包装在该锚标记中。我想知道您是否会遇到DataTable自己的ID属性的问题。所以我不确定row.id是否返回您的 id或DataTables。如果在return语句之前添加console.log(row)
,则应该在render函数中找到可以处理的对象,因此,如果row.id
不返回该对象,则应该能够在其中找到所需的对象。正确的ID。
答案 1 :(得分:0)
您可以从控制器使用rawColumns api。检查以下内容:http://yajrabox.com/docs/laravel-datatables/master/raw-columns
$users = User::query();
return Datatables::of($users)
->addColumn('id', function ($user) {
return '<h6><a href="/users/'. $user->id .'">'. $user->id .'</a></h6>';
})
->rawColumns(['id'])
->make(true);