Firing evento di modifica quando la proprietà vista knockout modello viene aggiornato

Question

Ecco un jsfiddle per mostrare qual è il problema:

http://jsfiddle.net/boblauer/BgvV4/

Sto cercando di generare l'evento cambiamento dopo un campo di testo viene aggiornato. Sfortunatamente, all'interno del metodo subscribe, il valore della casella di testo non è stato ancora aggiornato, quindi quando indago l'evento change, viene attivato troppo presto.

Devo attivare l'evento di modifica perché ho un codice di terze parti fuori dal mio controllo che si basa sull'evento di modifica.

Qualche suggerimento?

Answer 1

Una soluzione semplice consiste nel trasferire la chiamata a $ ("# testo1"). Change() in un setTimeout con un timeout pari a 0. È sufficiente lasciare che knockout esegua l'aggiornamento (sincrono) al valore della casella di testo prima del viene richiamato il gestore di modifiche jquery.

ho biforcuta vostro violino per dimostrare: http://jsfiddle.net/SuRYa/1//

Se questo è qualcosa che devi fare un sacco, una soluzione migliore è probabilmente quello di avvolgere questo comportamento in un costume di legame in cui la richiamata "aggiornamento" del legame licenzierebbe l'evento di cambio jquery sull'elemento aggiornato.

Answer 2

bmode è giusto, un binding personalizzato lo farà. Anche se questa risposta è un po 'tardiva, ecco l'associazione nel caso in cui aiuti qualcuno a leggere successivamente questo post. Aggiorna il valore della casella di testo usando jQuery - il DOM è ora aggiornato in modo che il codice di terze parti di Bob funzioni, quindi attiva l'evento di modifica.

ko.bindingHandlers.valueAndFireChange = { 
    update: function(element, valueAccessor) { 
     var val = ko.unwrap(valueAccessor()); 
     if (val == undefined) return; 
     $(element).val(val); 
     $(element).change(); 
    } 
}; 

Ecco una versione aggiornata del violino di Bob che mostra in azione:

http://jsfiddle.net/BgvV4/17/

ho cambiato l'avvisi console.log, quindi avrai bisogno di console aperto per vedere le info utili .