DataTables ajax 高级搜索

Question

我请求帮助或使用 DataTables 执行高级 AJAX 搜索的示例。

我有几个表单域想用作过滤器。

出于性能原因，我们希望执行服务器端过滤和分页。

当页面第一次加载时，我们不希望它搜索任何内容。

用户需要点击某个按钮来启动搜索，但它也需要用于排序和搜索。

我已尝试使用文档建议将“retrieve”设置为 true，并将“deferRender”设置为 true，但这似乎不起作用。

我的代码如下所示：

$.fn.dataTable.ext.errMode = 'throw';

function initTable() {
    return $('#results-table').DataTable({
        retrieve: true,
        processing: true,
        serverSide: true,
        deferRender: true,
        ajax: {
            url: '/home/filter',
            type: 'POST',
            data: function(d) {
                d.form = $('#form').serialize();
            }
        }
    });
}

initTable();

$('#form').on('submit', function(evt) {
    evt.preventDefault();
    const table = initTable();
    table.ajax.reload();
});

我在这里错过了什么？

Answer 1

我决定使用 86 个数据表实现来支持 NonFactors MVC Grid。

抱歉，没有人回答，但没有人回应。