粘贴行时，Handsontable afterCreateRow会触发多次

Question

我的情况是：我有一个包含四行的表。 前三行填充数据，第四行为空白。 我突出显示整个前三行，复制，然后粘贴到第四行。 Handsontable会生成两个新行，以便为粘贴的数据腾出空间。

我的问题：afterCreateRow事件触发两次，每次触发的次数为1。我希望触发一次，触发次数为2，因为Handsontable事先知道必须创建两行。

这是一个演示该现象的jsfiddle 。

这是我想要做的：

function afterCreateRow(row, amount) {
    for (var i = row; i < row + amount; i++) {
        model.initializeNewRow(i);
        model.calculator.cascadeRow(i);
        model.calculator.calculateRow(i);
    }
    model.calculator.updateTotals();
    model.history.submitBatch();
}

我只想为每个用户操作调用一次submitBatch 。 我该如何实现？

Answer 1

您可以使用window.setTimeout()将提交延迟到某个时间段过去，而没有新的afterCreateRow()调用：

function afterCreateRow(row, amount) {
    for (var i = row; i < row + amount; i++) {
        model.initializeNewRow(i);
        model.calculator.cascadeRow(i);
        model.calculator.calculateRow(i);
    }
    model.calculator.updateTotals();
    delayed(model.history.submitBatch, 100);
}

var g_id = null;
function delayed(fn, timeoutms){
    if(g_id) window.clearTimeout(g_id);

    g_id = window.setTimeout(fn, timeoutms);
}