javascript - 当我点击删除时，ExtJs 为每个项目发送多个 XHR 请求

Question

我有一个 ExtJs(v3.1) `Ext.grid.GridPanel，它从它的存储中加载一些记录并允许编辑。

如果我选择多条记录，然后单击删除，它会发送多个 DELETE 请求，使服务器不堪重负，最终删除其中一些，其余的返回 404。

我不明白为什么它会在第一个请求失败之前发送第二个或第三个请求，只是没有返回。

这是删除按钮的处理程序

function onDelete() {
 var recs = userGrid.getSelectionModel().getSelections();
 userGrid.store.remove(recs); //delete multiple selections one at a time

商店基于

// Typical Store collecting the Proxy, Reader and Writer together
var store = new Ext.data.GroupingStore({
    proxy: proxy,
    reader: reader,
    writer: writer,
    sortInfo: { // Default sort by day decsending grouped by week
        field: 'day',
        direction: "DSC"
    }, groupField: 'week',


     batch: false, // update each record with an individual XHR request, the server doesnt process batch requests
});

这是我突出显示 5 条记录并单击删除后的 Firebug 屏幕截图

Answer 1

天啊那条线:

 batch: false, // update each record with an individual XHR request, the server doesnt process batch requests

确实看起来很可疑……我敢打赌这正是 Ext 所做的，因为在发送下一个响应之前实际等待每个响应会非常慢。

(不过，我同意像这样炸掉一大堆重叠的 HTTP 事务并不是非常聪明。)