Question

使用数据表生成表。我在表格下方有文本框，当我向该文本框添加任何值时，该值应该更新到第1行的特定列，然后每行应该为该列增加1（新的更新值）。

我有代码，对我来说很好。但这需要太多时间。我在表中有159条记录，当我更新列时，它需要大约8-9秒，这是非常长的持续时间。直到执行完成，我无法做任何事情。

JS代码：

updateNo: function(dataTableId, noColIndex, numToAdd) {
    var dataTable = $(dataTableId).dataTable();
    var numberOfRows = dataTable.api().rows().data().length;
    var index;
    for (index = 0; index < numberOfRows; index++) {
        var cell = dataTable.api().cell(index, noColIndex);
        var currentNo = cell.data();
        var newNo = parseInt(currentNo) + numToAdd;
        cell.data(newNo).draw();
    }
}

我试图计算方法执行时间，发现最后一行方法：cell.data(newNo).draw();需要更多时间来执行。

我对JavaScript或Jquery不太熟练，所以我不知道原因。如果有人知道原因并解决了这个问题，请告诉我。

我想减少执行时间。

Answer 1

您不必重绘每个单元格，只需在执行代码后重绘整个表格

JQuery数据表列数据更新工作太慢

1 个答案: