2

可能重复：
在半大型数据集下，Knockout.js 速度非常慢

我的模型中有以下事件，如果我只有少量记录，它可以正常工作，但如果我有几十条记录，IE 会抱怨我的脚本运行速度太慢。

    self.getTrades = function () {

    $.ajax({

        type: "GET",
        cache: false,
        url: "/_vti_bin/DBOrderService/DBOrderService.svc/GetTradesByDateSource?format=json&traddate=" + self.selectedDate() + "&source=" + self.selectedSource(),
        success: function (data, textStatus, jqXHR) {
            if (data.requeststatus.code === 1) {
                var statusId = SP.UI.Status.addStatus(data.requeststatus.message);
                SP.UI.Status.setStatusPriColor(statusId, 'red');
                return;
            }
           debugger;
           ko.mapping.fromJS({ trades: data.trades }, mappings, self); //too slow, events are firing as items are added
            self.selectedTrade(null);
        },
        error: ajaxError
    });
};

我认为这是因为映射正在为添加的每一行触发更改通知，所以我想将新行“批量”复制到我的模型中。

我试过了

 var temptrades = ko.mapping.fromJS(data.trades, mappings);
 self.trades=temptrades();

和

self.trades(temtrades);

和

self.trades(temptrades();

但他们都破坏了我的模型。将 ko.mapping 创建的可观察数组一次复制到我的模型中的正确方法是什么。ko.mapping 上是否有选项可以防止触发事件直到结束？

4

1 回答 1

5 
   ko.mapping.fromJS({ trades: data.trades }, mappings, self); //too slow, events are firing as items are added

你完全正确。事件在添加项目时触发

请参阅：Knockout.js 性能问题 #2 - 操作 observableArrays

更好的模式是获取对我们底层数组的引用，推送到它，然后调用 .valueHasMutated()。现在，我们的订阅者只会收到一个通知，表明数组已更改。

另外，看看这个答案。

将 [mapping] 和 [observable array update] 分成两个步骤可能会有所帮助。

于 2012-10-12T16:29:09.140 回答