jQuery数据表自定义过滤器

阿比耶特·翁巴卡（Abhijeet Umbarkar）

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

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是我的数据源端点，而filter是我的下拉菜单

巴拉特

通过Ajax，您可以发送更多参数以从后端访问。因此，您可以尝试以下方式：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。