Yajra 数据 table 同时使用搜索和自定义过滤器
Yajra data table using search and custom filter together
Laravel: 5.6.39
PHP: 7.2.10
Yajra Table: 8.0
示例代码
$(document).ready( function() {
var url = "{{ url('/admin/posts') }}";
$(function() {
var oTable = $('#admin-posts').DataTable({
dom: "<'row'<'col-xs-12'<'col-xs-6'l><'col-xs-6'p>>r>"+
"<'row'<'col-xs-12't>>"+
"<'row'<'col-xs-12'<'col-xs-6'i><'col-xs-6'p>>>",
processing: true,
serverSide: true,
ajax: {
url: url,
data: function (d) {
d.category = $("#category option:selected").val();
d.language = $("#language option:selected").val();
}
},
columns: [
{ data: 'post_checkbox', name: 'post_checkbox' },
{ data: 'created_at', name: 'created_at' },
{ data: 'post_label', name: 'post_label' },
{ data: 'post_link', name: 'post_link' },
{ data: 'view', name: 'view' },
{ data: 'post_category', name: 'post_category' },
],
stateSave: true,
bDestroy: true,
});
$('#search-form').on('submit', function(e) {
oTable.draw();
e.preventDefault();
});
});
});
现在,如果我删除 dom
可以看到搜索和过滤器,但搜索仍然无法工作,如果我删除过滤器,则只有搜索可以工作,我相信应该有一些自定义 dom 之类的,这将允许搜索和过滤。
同样在documentation中,没有搜索。
有一个 option 可以像下面的代码那样启用搜索,但它确实 没有 似乎有效,为此我已经删除了 dom上面代码中的属性。
search: {
"regex": true
}
我不知道搜索是如何自动进行的,但我已经针对我的要求进行了编码并且工作正常,请提供一些想法,您可以如何做到这一点。
您可以使用 $request->get('search')['value']
获取搜索词,现在编写代码来检查您的条件是否得到满足并在您的控制器或模型中过滤结果。下面是在 Controller 中执行此操作的代码。
return DataTables::eloquent($posts)
->filter(function ($query) use ($request) {
if ($request->has('category') && ! is_null($request->get('category'))) {
$query->where('post_category', $request->get('category'));
}
if ($request->has('language') && ! is_null($request->get('language')) ) {
$query->where('post_language', $request->get('language'));
}
if ($request->has('search') && ! is_null($request->get('search')['value']) ) {
$regex = $request->get('search')['value'];
return $query->where('your_field', 'like', '%' . $regex . '%');
});
}
})->toJson();
Laravel: 5.6.39
PHP: 7.2.10
Yajra Table: 8.0
示例代码
$(document).ready( function() {
var url = "{{ url('/admin/posts') }}";
$(function() {
var oTable = $('#admin-posts').DataTable({
dom: "<'row'<'col-xs-12'<'col-xs-6'l><'col-xs-6'p>>r>"+
"<'row'<'col-xs-12't>>"+
"<'row'<'col-xs-12'<'col-xs-6'i><'col-xs-6'p>>>",
processing: true,
serverSide: true,
ajax: {
url: url,
data: function (d) {
d.category = $("#category option:selected").val();
d.language = $("#language option:selected").val();
}
},
columns: [
{ data: 'post_checkbox', name: 'post_checkbox' },
{ data: 'created_at', name: 'created_at' },
{ data: 'post_label', name: 'post_label' },
{ data: 'post_link', name: 'post_link' },
{ data: 'view', name: 'view' },
{ data: 'post_category', name: 'post_category' },
],
stateSave: true,
bDestroy: true,
});
$('#search-form').on('submit', function(e) {
oTable.draw();
e.preventDefault();
});
});
});
现在,如果我删除 dom
可以看到搜索和过滤器,但搜索仍然无法工作,如果我删除过滤器,则只有搜索可以工作,我相信应该有一些自定义 dom 之类的,这将允许搜索和过滤。
同样在documentation中,没有搜索。
有一个 option 可以像下面的代码那样启用搜索,但它确实 没有 似乎有效,为此我已经删除了 dom上面代码中的属性。
search: {
"regex": true
}
我不知道搜索是如何自动进行的,但我已经针对我的要求进行了编码并且工作正常,请提供一些想法,您可以如何做到这一点。
您可以使用 $request->get('search')['value']
获取搜索词,现在编写代码来检查您的条件是否得到满足并在您的控制器或模型中过滤结果。下面是在 Controller 中执行此操作的代码。
return DataTables::eloquent($posts)
->filter(function ($query) use ($request) {
if ($request->has('category') && ! is_null($request->get('category'))) {
$query->where('post_category', $request->get('category'));
}
if ($request->has('language') && ! is_null($request->get('language')) ) {
$query->where('post_language', $request->get('language'));
}
if ($request->has('search') && ! is_null($request->get('search')['value']) ) {
$regex = $request->get('search')['value'];
return $query->where('your_field', 'like', '%' . $regex . '%');
});
}
})->toJson();