evento de cambio no se activa cuando las actualizaciones Knockout valorar

Question

tengo una externa librería javascript que desencadena el cambio de un área de texto, lo formatea, etc.

Sin embargo, cuando KnockoutJS establece el valor en el área de texto, el cambio evento no se dispara. Simplified Fiddle of my problem. ¿Es posible disparar el evento de cambio cuando Knockout actualiza el valor de mi área de texto?

Answer 1

En lugar de intentar obligar a Knockout a trabajar con eventos de cambio, puede configurar una suscripción en el elemento observable subyacente. De esta manera: http://jsfiddle.net/EZC9E/1/

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

Answer 2

En lugar de cambiar la biblioteca de JavaScript, es posible considerar envolviéndolo en un personalizada Knockout Encuadernación. Es posible que ya necesite usar un enlace personalizado para su biblioteca de todos modos, especialmente si está utilizando cualquier enlace foreach que genere/destruya elementos dinámicamente.

Una vez que tiene el encuadernado personalizado, tiene un lugar muy conveniente para activar el "cambio".

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'); 
     }); 
    } 
}