Datatables поиск события onclick на кнопке

Как достичь функциональности поиска, когда пользователь нажимает на кнопку поиска в datatables вместо onchange или onkeyup в текстовых полях? В настоящее время я использую приведенный ниже код для поиска

jQuery('.asla-search-input').on( 'onkeyup change', function () {   
            var i =jQuery(this).attr('id');  // getting column index
            var v =jQuery(this).val();  // getting search input value
            dataTable.columns(i).search(v).draw();
        } );

Но мне нужен этот поиск, когда пользователь нажимает на кнопку поиска. Любая помощь была бы очень признательна.

1 ответ

  1. Вы можете попробовать добавить следующие параметры в свой Datatable, как это:

             var $oTable = $('#example').dataTable({
             "fnServerParams": function (aoData) {
                            aoData.push
                            (
                                //search parameters
                                { "name": "id", "value": $('[id*="Id"]').val()},//Value of id
                                { "name": "DateFrom", "value": $('[id*="DateFrom"]').val()},//Value of DateFrom
                                { "name": "DateTo", "value": $('[id*="DateTo"]').val()},//Value of DateTo
                                { "name": "Status", "value": $('[id*="Status"]').val()}//Value of Status                          
                            )
                        },
                    });        
    //OnClick of your button, redraw your Datatable
            $('#btnSearch').on('click', function () {      
                    $('#example').dataTable().fnDraw();
                });