在Laravel中使用AJAX实现Yajra数据表的整行点击,可以按照以下步骤进行操作:
<table id="myTable" class="table table-bordered">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
</table>
$(document).ready(function() {
$('#myTable').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('your.route.name') }}",
columns: [
{ data: 'id', name: 'id' },
{ data: 'name', name: 'name' },
{ data: 'email', name: 'email' }
]
});
// 添加点击事件
$('#myTable tbody').on('click', 'tr', function () {
var data = $('#myTable').DataTable().row(this).data();
// 在这里处理点击事件,例如跳转到详情页面或执行其他操作
console.log(data);
});
});
use App\Models\User;
use Illuminate\Http\Request;
use Yajra\DataTables\DataTables;
public function getData(Request $request)
{
if ($request->ajax()) {
$data = User::select(['id', 'name', 'email']);
return DataTables::of($data)->make(true);
}
return view('your.view.name');
}
Route::get('/your-route', [YourController::class, 'getData'])->name('your.route.name');
通过以上步骤,你就可以在Laravel中使用AJAX实现Yajra数据表的整行点击了。当用户点击某一行时,可以在JavaScript代码中处理点击事件,并获取该行的数据进行进一步操作。
领取专属 10元无门槛券
手把手带您无忧上云