表更新后刷新dataTable

时间:2016-04-21 10:07:22

标签: jquery ajax datatable

我有一个html表tabDevis

<table id="tabDevis" class="invisible stripe">
    <thead>
        <tr>
            <th>numDevis</th>
            <th>libProduit</th>
            <th>codEtat</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

我用ajax调用放了一些数据。这些数据来自数据库。代码在函数内部:

function putDevis() {
  var listeDevis = $("#tabDevis").find("tbody");

  var request = $.ajax({
    type : "GET",
    url : "/services/opp/getDevis/",
    cache : false
  });

  request.done(function(msg) {
    for (var i = 0; i < msg.length; i++) {
        var devis = msg[i];
        var tr = $("#template").clone();
        tr.removeAttr("id");
        tr.attr('id', 'devis-' + devis.id);
        tr.find('#numDevis').html(devis.idOpportunite);
        tr.find("#codProduit").html(devis.codProduit);
        tr.find("#libProduit").html(devis.libProduit);

        listeDevis.append(tr);
    }
  }

  request.fail(function(jqXHR, textStatus, errorThrown) {
    // Deal with the error
  }

  // Call dataTable
  $('#tabDevis').DataTable({
    "order" : [ [ 1, "desc" ] ],
    "oLanguage" : {
         ...
    }
    "aoColumns" : [ {
            "bSortable" : true
        }, {
            "bSortable" : true
        }, {
            "bSortable" : true
    }]
  }
}

我从另一种方式删除了我的数据库中的一行,所以我想重新加载html表。我调用了putDevis()函数,但仍然从数据库中删除了已删除的行。

此删除操作是使用另一个javasript函数完成的:

function deleteDevis(numDevis){

  var requestsup = $.ajax({type: "GET",
        url: "/services/ep/deleteDevis?pId=" + numDevis
        cache: false
  });

  requestsup.done(function(msg){
    putDevis();
  });

  requestsup.fail(function(jqXHR, textStatus, errorThrown) {
    // Deal with errors
  });
}

刷新dataTable的方法是什么?

我试图在我的putDevis()`调用之前调用$('#tabDevis').dataTable().fnDestroy();,但它不起作用。

编辑关于解决方案

方法是在那里销毁dataTable:

var table = $('#tabDevis').DataTable(); 
table.destroy();
var listeDevis = $("#tabDevis").find("tbody");

然后在dataTable调用之后绘制它:

var table = $('#tabDevis').DataTable(); 
table.draw();

2 个答案:

答案 0 :(得分:0)

你可以使用这样的东西:

var refreshinterval = 30000;
setInterval(putDevis, refreshinterval);

答案 1 :(得分:0)

尝试清除表格并再次绘制。

请参阅此链接以供参考。

https://datatables.net/reference/api/clear()