jquery datatables custom filters

Question

I'm using jquery datatables with version 1.10.12. I'm using dropdown to filters rows in datatables. I have server endpoints which returns data in json form (thanks to yajrabox for laravel). My question is how can I load new data into my existing instance Here is my code

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();
                    }
                });
            }
        });

Where url is my endpoint for data source, and filters is my dropdown Thanks in advance

You can destroy and recreate datatable that would be easy to use filter — Bharat
– Bharat, Commented Jan 23, 2018 at 5:55

Shub · Accepted Answer · 2018-01-23 07:33:08Z

1

There is with Ajax you can send more parameter to access from back-end. So you can try following way:

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

edited Jan 23, 2018 at 7:33

Shub

2,72420 silver badges26 bronze badges

answered Jan 23, 2018 at 6:06

bharat

1,7821 gold badge25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery datatables custom filters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related