evento Change non attiva quando gli aggiornamenti Knockout valore

Question

Ho un esterno libreria javascript che fa scattare sul cambiamento di una textarea, formatta, ecc

Tuttavia, quando KnockoutJS imposta il valore per textarea, il cambiamento l'evento non è stato licenziato. Simplified Fiddle of my problem. È possibile attivare l'evento change quando Knockout aggiorna il valore della mia textarea?

Answer 1

Piuttosto che cercare di forzare Knockout a lavorare con gli eventi di modifica, è possibile impostare un abbonamento sull'osservabile sottostante. Come questo: http://jsfiddle.net/EZC9E/1/

this.text.subscribe(function(newValue) { 
    alert('Text is changing to ' + newValue); 
});   

Answer 2

Invece di cambiare la libreria javascript, si potrebbe considerare avvolgendolo in un personalizzato Knockout Binding. Potresti già aver bisogno di utilizzare un'associazione personalizzata per la tua libreria in ogni caso, specialmente se stai utilizzando qualsiasi binding foreach che generi/distrugga elementi in modo dinamico.

Una volta ottenuta l'associazione personalizzata, si dispone di un luogo molto comodo per attivare il "cambiamento" da.

ko.bindingHandlers.jQueryPluginFunctionCall = { 
    init: function (element, valueAccessor, allBindingsAccessor) { 
     // Apply jQuery plugin to textarea 
     $(element).jQueryPluginFunctionCall(); 

     // Subscribe to the value binding of the textarea, and trigger the change event. 
     allBindingsAccessor().value.subscribe(function() { 
      $(element).trigger('change'); 
     }); 

     // Clean up jQuery plugin on dispose 
     ko.utils.domNodeDisposal.addDisposeCallback(element, function() { 
      // This will be called when the element is removed by Knockout or 
      // if some other part of your code calls ko.removeNode(element) 
      $(element).jQueryPluginFunctionCall('destroy'); 
     }); 
    } 
}