有没有办法中止 SlickGrid 异步渲染？

Question

我有一个搜索页面，其结果在 SlickGrid 中呈现。这是一个执行onkeyup的ajax搜索，因此可以执行搜索，调用Slick.Grid实例的render，并在之前返回另一个结果第一个异步渲染完成。我想在第二个 ajax 请求返回时立即取消初始 render ，这样就不会同时发生两个 render 调用。

编辑示例：

这就是我正在做的事情，并使用警报来跟踪执行顺序。

function setupGrid() {
    slickDataView = new Slick.Data.DataView();
    slickGrid = new Slick.Grid(slickGridDiv, slickDataView.rows, slickGridColumns, slickGridOptions);
    slickDataView.onRowsChanged.subscribe(function(rows) {
      slickGrid.removeRows(rows);
      slickGrid.updateRowCount();
      slickGrid.render();
    });
    slickDataView.onRowCountChanged.subscribe(function(args) {
      slickGrid.updateRowCount();
      slickGrid.render();
    });
} 

function performSearch() {   
    jQuery.get('searchPage.php', {MODEL_ID: userInputField.val()},
      function(results) {
        slickDataView.beginUpdate();
        alert(1);
        slickDataView.setItems(results);
        alert(2);
        slickDataView.endUpdate();
      }
    );
}

setupGrid();
userInputField.keyup(function() { performSearch(); });

当我在 userInputField 文本字段中快速连续输入两个数字时，我会按此顺序收到以下警报：

1
1
2

Answer 1

您的页面上一定还有其他内容。
您列出的示例是不可能的 - JavaScript 执行永远不会因事件触发而中断。当前代码执行完毕后，事件就会排队并由事件循环获取。您将在示例中看到的是 1212。

​​您将需要限制 AJAX 调用，并取消先前调用的回调，因为您的 AJAX 响应可能会乱序返回，并且旧的搜索结果可能会覆盖新的搜索结果。