jquery - 使用新参数重新填充数据表

Question

我像这样初始化了我的表

/* POST data to server */
$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "xhr.php",
        "fnServerData": function ( sSource, aoData, fnCallback ) {
            $.ajax( {
                "dataType": 'json', 
                "type": "POST", 
                "url": sSource, 
                "data": aoData, 
                "success": fnCallback
            } );
        }
    } );
} );

稍后，我想更新表中的数据。我怎么做？

Answer 1

我有完全相同的问题，并最终解决它是这样的：

function GetDatatable(parameter) {
    $('#example').dataTable().fnDestroy();
    $('#example').dataTable({
...

然后您可以在之后将新参数添加到 aoData 中。这是一个丑陋的黑客，但它有效。

Answer 2

我也曾与数据表进行过斗争。

我的解决方案：

var data = [json 加载 ajax]

function loadTable(data){

    if($.fn.DataTable.isDataTable('#testsListTable')){

        if(data.testRunReports.length == 0)
            $('#testsListTable').dataTable().fnClearTable();
        else
            $('#testsListTable').dataTable().fnAddData(data);

        return;
    }

    $('#testsListTable').DataTable({
         data: data,

...

更多代码，但这不必再次初始化表。