数据表在按钮上搜索onclick事件

Question

当用户点击数据表中的搜索按钮而不是文本框中的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();
        } );

但是当用户点击搜索按钮时，我需要进行此搜索。任何帮助将不胜感激。

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