刷新observableArray當項目不可觀測量

Question

基本上我有一個observableArray併爲每個項目中的值不是一個可觀察的。這意味着，當我改變的項目值的observableArray的foreach循環內的用戶界面不會相應地更新。

這意味着一個巨大的變化，如果我有將它們設置爲可觀察到的，那麼有沒有一種方法，我可以刷新無論是UI或手動observableArray的foreach？

Answer 1

是的，你可以調用valueHasMutated功能爲您的數組：

yourArray.valueHasMutated(); 

編輯： 如果第一次沒幫助，你可以做 '髒' 刷新：

self.refresh = function(){ 
    var data = self.array().slice(0); 
    self.array([]); 
    self.array(data); 
}; 

這裏是工作提琴：http://jsfiddle.net/vyshniakov/FuEy6/2/

Answer 2

我最終使用從上面的髒的方法，但說得那麼我所有的可觀測陣列有這個功能。

ko.observableArray.fn.refresh = function() { 
     var data = this().slice(0); 
     this([]); 
     this(data); 
    }; 

valueHasMutated對我無效。它的一種跛腳的整個列表中已被更新。或者在我的情況下找到一種方法來擴展ko映射插件，以便用可觀察對象填充可觀察陣列。

Answer 3

當您有一個帶有非可觀察元素的可觀察數組，並且數組中某個元素的某些屬性發生更改如果你想只刷新該元素，你可以使用indexOf和splice，像這樣：

var changedIdx = obsArray.indexOf(changedItem); 
obsArray.splice(changedIdx , 1); // removes the item from the array 
obsArray.splice(changedIdx , 0, changedItem); // adds it back 

這個做什麼，正在尋找數組中的元素，刪除它，並將其插入回來。當它插回，元素再次被束縛，用新值。然後

ko.observableArray.fn.refresh = function (item) { 
    var index = this['indexOf'](item); 
    if (index >= 0) { 
     this.splice(index, 1); 
     this.splice(index, 0, item); 
    } 
} 

，當你改變一個數組的項目，您只需撥打這個電話：

如果你喜歡這個解決方案，可以延長所有KO觀察到陣列的功能，如下所示：

obsArray.refresh(changedItem); 

如果你有你的數組中的很多元素，你會得到改善服務表現關於dirty刷新由阿爾喬姆Vyshniakov，其更新綁定在陣列中的所有元素，而不是隻爲一個改變。

注：valueHasMutated，被無證（以及在內部使用，我想）APPART，只檢查，如果數組本身發生了變化，而不是如果陣列中的不可觀察的元件已改變，所以它不」將不起作用。即如果已經添加元素添加到數組其僅檢測，從數組移除的元件，改變所述陣列的元素與新的，不同的元件，或者改變了的元素的順序。但它不檢查元件本身已經改變

Answer 4

我發現了一個簡單的解決方案通過更換陣列中的整個對象。

在本例中參數IX是索引，oLine是更新的對象和oVM.objProps。行包含數組。解決方案像冠軍一樣工作。

/* This contortion causes the computed function to fire because 
* we have replaced the entire line object. 
*/ 
function forceRefresh(ix,oLine) { 
    var oVM = pme.getVM(); 
    oLine = JSON.parse(JSON.stringify(oLine)); 
    oVM.oObjProp.lines[ix] = oLine; 
}