刷新数据表内容,而无需重新加载或更改分页

时间:2019-04-20 18:35:29

标签: javascript jquery datatables

我有一个C#Web服务,返回的响应是这样的:

  

{“ d”:[{“ A1”:“某物”,“ A2”:“某物”,“ A3”:0,“ A4”:“ N / A”,“ A5”:“ / Date( 1555626832993)/“,” A6“:”某物“,” A7“:4},{” B1“ ...等等

我用上面的数据填充了数据表:

//Load(); function
var a1 = data[0].A1;
var a2 = data[0].A2;

var htmlCode += '<tr><td>' + a1 + '</td><td>' + a2 + '</td></tr>';
$('#TableBody').html(htmlCode);
var table = $('#Tabla').DataTable({
    aLengthMenu: [
        [10, 25, 50, 100, -1],
        [10, 25, 50, 100, "All"]
    ],
    "bDestroy": true,
    "aaSorting": [],
    iDisplayLength: 10,
});

我正在使用以下代码自动进行分页:

var interval = setInterval(function () {
    table.page(pageAc).draw('page');

    if (TotalPage === 1) {
        table.page('first').draw('page');                                        
        timesReturned++;
        pageAc = 0;       
        clearInterval(interval);
        //CallWebService and redraw table with all above code
        Load();
    }

    if (pageAc === pageInfo.pages) {
        table.page('first').draw('page');
        timesReturned++;
        pageAc = 0;
        clearInterval(interval);
    }
    pageAc++;
}, 10000);

主要问题是我改变了页面的状态,但是直到再次调用Load()函数时才重新加载表数据。

有没有一种方法可以重绘刷新表内容而不丢失分页?或无需再次执行“ ” + a1 + ...等。

0 个答案:

没有答案