Aggiorna osservableArray quando gli articoli non sono osservabili

Question

Fondamentalmente ho un array osservabile ei valori per ogni elemento non sono osservabili. Ciò significa che quando cambio un valore di un elemento, l'interfaccia utente all'interno di un ciclo foreach del observableArray non si aggiorna di conseguenza.

Significa un enorme cambiamento se devo impostarli su osservabile, quindi c'è un modo per aggiornare manualmente l'interfaccia utente o l'ObservableArray?

Answer 1

Sì, è possibile chiamare valueHasMutated funzione per l'array:

yourArray.valueHasMutated(); 

EDIT: violino

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

Qui sta lavorando: se prima non ha aiutato si può fare 'sporca' di aggiornamento : http://jsfiddle.net/vyshniakov/FuEy6/2/

Answer 2

Ho finito per usare l'approccio sporco dall'alto ma fatto in modo che tutti i miei array osservabili avessero questa funzionalità.

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

Il valore HasMutated non ha funzionato per me. Il suo tipo di zoppo, l'intera lista deve essere aggiornata. O nel mio caso trovare un modo per estendere il plugin di mappatura ko per riempire gli array osservabili con oggetti osservabili.

Answer 3

Quando si dispone di un array osservabile con elementi non osservabili e alcune proprietà di uno degli elementi nell'array cambia , se si desidera aggiornare solo elemento, è possibile utilizzare indexOf e splice, in questo modo:

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

quello che fa, è alla ricerca per l'elemento della matrice, rimuoverlo, e inserendolo di nuovo. Quando viene inserito di nuovo, l'elemento viene associato di nuovo, con i nuovi valori.

Se ti piace questa soluzione, è possibile estendere la funzionalità di tutte le matrici osservabili ko, in questo modo:

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

Poi, quando si modifica un elemento di un array, è sufficiente per effettuare la chiamata:

obsArray.refresh(changedItem); 

Se si dispone di molti elementi in vostro allineamento si otterrà una migliore performace rispetto alla dirty aggiornamento di Artem Vyshniakov, che aggiorna le associazioni per tutti gli elementi della matrice, e non solo per la cambiata di una .

Nota: il valueHasMutated, appart venga documentato (e per uso interno, immagino), controlla solo se la matrice stessa è cambiata, non se gli elementi non osservabili nella matrice sono cambiati, così doesn' lavoro. Cioè rileva solo se sono stati aggiunti elementi alla matrice, elementi rimossi dall'array, elementi modificati della matrice con nuovi elementi diversi o modificato l'ordine degli elementi. Ma non controlla se gli elementi stessi sono stati modificati

Answer 4

Ho trovato una soluzione semplice sostituendo l'intero oggetto nell'array.

In questo esempio parametro ix è l'indice, Oline è l'oggetto aggiornato e oVM.objProps.le righe contengono l'array. La soluzione ha funzionato come un campione.

/* 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; 
}