javascript - 单击按钮时如何触发 jquery datatables fnServerData 通过 AJAX 更新表？

Question

我正在使用带有服务器端数据的数据表插件，并使用 AJAX 更新表。

我的数据表设置如下所示:

tblOrders = parameters.table.dataTable( {
    "sDom": '<"S"f>t<"E"lp>',
    "sAjaxSource": "../file.cfc",
    "bServerSide": true,
    "sPaginationType": "full_numbers",  
    "bPaginate": true,
    "bRetrieve": true,
    "bLengthChange": false,         
    "bAutoWidth": false,
    "aaSorting": [[ 10, "desc" ]],      
    "aoColumns": [                      
        ... columns 
                  ],
    "fnInitComplete": function(oSettings, json) {
        // trying to listen for updates
        $(window).on('repaint_orders', function(){
            $('.tbl_orders').fnServerData( sSource, aoData, fnCallback, oSettings );
            });
        },
    "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
        var page = $(oSettings.nTable).closest('div:jqmData(wrapper="true")')
        aoData.push(
            { "name": "returnformat", "value": "plain"},
            { "name": "s_status", "value": page.find('input[name="s_status"]').val() },
            { "name": "s_bestellnr", "value": page.find('input[name="s_bestellnr"]').val() },
            { "name": "form_submitted", "value": "dynaTable" }
            );
        $.ajax({ "dataType": 'json', "type": "POST", "url": sSource, "data": aoData , "success": fnCallback });
        }

我有一些用于过滤服务器端数据的自定义字段，我将其与 AJAX 请求一起推送。问题是，我不知道如何从表外部触发 JSON 请求。如果用户在过滤器中键入内容，fnServerData 将触发并更新表。但是，如果用户选择表外的控件，我不知道如何触发 fnServerData 函数。

现在我正在尝试在 fnInitComplete 中触发并监听一个自定义事件。虽然我可以检测到用户选择自定义过滤条件，但我缺少 fnServerData 正确触发所需的所有参数。

问题:
有没有办法从实际 dataTables 表外部的按钮触发 fnServerData？

我想我可以尝试在过滤器中添加一个空格，但这并不是一个真正的选择。

感谢您的意见!

问题

Answer 1

来自讨论 here ，Allan(DataTables 人员)建议只需调用 fnDraw 即可产生您正在寻找的结果。这是我用来重新加载服务器端内容的方法(通过 fnServerData，这很重要)，并且到目前为止一直有效。

$("#userFilter").on("change", function() {
    oTable.fnDraw();  // In your case this would be 'tblOrders.fnDraw();'
});