jquery 数据表自定义过滤器

Posted 2023-03-14

【中文标题】jquery 数据表自定义过滤器

【英文标题】：jquery datatables custom filters

【发布时间】：2018-07-01 21:05:12

【问题描述】：

我正在使用版本 1.10.12 的 jquery 数据表。我正在使用下拉列表来过滤数据表中的行。我有以 json 形式返回数据的服务器端点（感谢 yajrabox for laravel）。我的问题是如何将新数据加载到现有实例中 这是我的代码

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 是我的下拉列表 提前致谢

【问题讨论】：

您可以销毁并重新创建易于使用的过滤器的数据表

【参考方案1】：

使用 Ajax，您可以发送更多参数以从后端访问。所以你可以尝试以下方式：

$("#candidates").DataTable(
    processing: true,
    serverSide: true,
    ajax: 
        url: '!! url("/admin/candidates") !!',
        type: "get",
        data: function(f) 
            f.varname = $("#field").val(); //here place
        
    ,
);