KnockoutJS suscribirse a múltiples observables con la misma acción de devolución de llamada

Question

Tengo una clase de modelo en KnockoutJS que tiene múltiples valores a los que me gustaría suscribirme. Cada suscripción se realice la misma tarea, así:

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    self.zipCode.subscribe(function() { self.isUpdated = true; }); 
    self.userId.subscribe(function() { self.isUpdated = true; }); 
} 

¿Hay una manera de combinar estas dos llamadas para la suscripción, de modo que pueda utilizar una suscripción a 'reloj' ambos valores?

Answer 1

Puede utilizar un observable calculado para este fin. Solo necesita asegurarse de tener acceso al valor de cada observable en la función de lectura. Sería algo así como:

ko.computed(function() { 
    self.zipCode(); 
    self.userId(); 
    self.isUpdated = true; 
}); 

Así, se obtiene dependencias de los dos observables y establecer su bandera.

Además, si está buscando algo así como una bandera "sucia", entonces podría considerar algo como: http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.html. La idea es usar un observable calculado que llame a ko.toJS() en un objeto para desenvolver todos sus observables.

Answer 2

¿No desea duplicar el cuerpo de la función del manejador? Extraerlo a una variable.

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    var handler = function() { self.isUpdated = true; }; 

    self.zipCode.subscribe(handler); 
    self.userId.subscribe(handler); 
} 

Answer 3

Mejorando la refactorización del cuerpo de la función en una variable, girando la lista de dependencias para realizar un seguimiento en un bucle:

function CaseAssignmentZipCode(zipCode, userId, isNew) { 
    var self = this; 
    self.zipCode = ko.observable(zipCode); 
    self.userId = ko.observable(userId); 
    self.isNew = isNew; 
    self.isUpdated = false; 

    var handler = function() { self.isUpdated = true; }; 

    ko.utils.arrayForEach([self.zipCode, self.userId], function(obs) { 
    obs.subscribe(handler); 
    }); 
} 

Answer 4

Usted puede crear una especie de una extensión para este propósito. Un simple ejemplo:

function subscribeMany(callback, observables) {  
    for (var i = 0; i < observables.length; i++) { 
     observables[i].subscribe(callback); 
    } 
} 

Uso:

var name = ko.observable(); 
var email = ko.observable(); 

var callback = function(value) { 
    console.log(value); 
}; 

subscribeMany(callback, [name, email]); 

name('test 1') 
email('test 2')