Javascript jquery数据表自定义筛选器
我正在使用版本为1.10.12的jquery数据表。我正在使用下拉列表筛选数据表中的行。我有以json形式返回数据的服务器端点(感谢for laravel)。我的问题是如何将新数据加载到现有实例中 这是我的密码Javascript jquery数据表自定义筛选器,javascript,jquery,laravel,datatables,yajra-datatable,Javascript,Jquery,Laravel,Datatables,Yajra Datatable,我正在使用版本为1.10.12的jquery数据表。我正在使用下拉列表筛选数据表中的行。我有以json形式返回数据的服务器端点(感谢for laravel)。我的问题是如何将新数据加载到现有实例中 这是我的密码 var candidateDT = $("#candidates").DataTable({ processing: true, serverSide: true, ajax: '{!! url(
var candidateDT = $("#candidates").DataTable({
processing: true,
serverSide: true,
ajax: '{!! url("/admin/candidates") !!}',
});
$(".filters").on('click', function(){
var url = '{{ url("admin/candidates/filters") }}';
var filterby = $(this).data('filter-by');
var value = $(this).val();
if(value !== ""){
$.ajax({
url:url,
data: {'filterby':filterby, 'value':value},
success: function(response) {
candidateDT.clear();
candidateDT.reload();
}
});
}
});
其中url是数据源的端点,filters是下拉列表
提前感谢使用Ajax,您可以从后端发送更多参数进行访问。因此,您可以尝试以下方法:
$("#candidates").DataTable({
processing: true,
serverSide: true,
ajax: {
url: '{!! url("/admin/candidates") !!}',
type: "get",
data: function(f) {
f.varname = $("#field").val(); //here place
}
},
});
您可以销毁并重新创建易于使用的datatable筛选器