knockout observableArray performance

Question

Cách thêm tất cả các giá trị vào observableArray trong một lần? Thêm giá trị trong vòng lặp hoạt động rất chậm trong trường hợp của tôi. Đây là ví dụ jsfiddle. jsfiddle

Answer 1

Vì bạn đang giải phóng ra toàn bộ mảng thể quan sát được, một cách để bạn có thể thực hiện điều này là:

var viewModel = { 
    name: "base", 
    addingValue:new ko.observable(), 
    someArr: new ko.observableArray(["123","432","sdafasd","xrere"]), 
    add: function() 
    { 
     this.someArr.push(this.addingValue()); 
    }, 
    updateSomeArr:function() 
    { 
     var temp = []; 

     for(var i=0;i<5;i++) 
     { 
      temp.push("555565"); 
     } 

     this.someArr(temp); 
    } 
} 

Answer 2

Hiện đã là một câu trả lời được lựa chọn, nhưng tôi nghĩ rằng sau đây sẽ giúp đỡ. Bạn có thể vô hiệu hóa các hành vi quan sát bằng cách thực hiện mảng quan sát của bạn để có được việc thực hiện mảng cơ bản:

var underlyingArray = viewModel.someArr(); 

Sau đó bạn có thể thêm các mục vào underlyingArray mà không bắn ra someArr sự kiện. Một khi bạn đã hoàn tất thêm các mục, hãy gọi:

viewModel.someArr.valueHasMutated(); 

Điều này sẽ gây ra sự kiện để bắn thông báo cho tất cả các quan sát phụ thuộc vào viewModel.someArr().

Answer 3

var myArray = ko.observableArray([]); 
var valuesToInsert = [1,2,3]; 
myArray.push.apply(myArray, valuesToInsert); 

đó là nó