手动触发jquery数据表搜索

时间:2018-01-24 15:52:38

标签: javascript jquery datatables

我正在使用Javascript数据表进行服务器端搜索。

所以:

var table = $('#myTable').DataTable({
                responsive: true,
                serverSide: true,
                ajax: {
                    url: myUrl,
                    dataSrc: ''
                },
                fnServerData: function (sSource, aoData, fnCallback, oSettings) 
                {
                    oSettings.jqXHR = $.ajax({
                        url: myUrl,
                        success: function (json, status, xhr) {
                            //Do stuff
                        }
                    });
                }    
            });

我使用在表单上设置的选项动态构建网址。

我想在我的表单上有一个按钮,所以我可以手动触发fnServerData函数。目前我必须输入附带的搜索框。

e.g。 <button ng-click="model.search()">Search</button>

这可能吗?

由于

3 个答案:

答案 0 :(得分:1)

我找到了解决方案:

var oTable = $('#myTable').dataTable();
oTable.fnFilter('');

答案 1 :(得分:1)

以下是我用来刷新DataTable的代码

 var table = $("#gridId").dataTable();
//if you want to add extra parameters in the query
/*table.fnSettings().ajax.data = function (d) {
            $.extend(d, jsonPostData);
        };
*/
table.fnDraw(false);

答案 2 :(得分:0)

使用最新的DataTable,您需要使用以下方法来触发服务器端调用:

table.draw();