KnockoutJS abbonarsi a più osservabili con la stessa azione di callback

Question

Ho una classe modello in KnockoutJS che ha più valori a cui vorrei iscrivermi. Ogni abbonamento svolgere lo stesso compito, in questo modo:

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

C'è un modo di combinare queste due chiamate per la sottoscrizione, in modo che possa utilizzare un solo abbonamento a 'guardare' entrambi i valori?

Answer 1

È possibile utilizzare un osservabile calcolato per questo scopo. Devi solo assicurarti di accedere al valore di ciascun osservabile nella funzione di lettura. Sarebbe qualcosa di simile:

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

Quindi, si ottiene dipendenze i due osservabili e impostare la vostra bandiera.

Inoltre, se stai cercando qualcosa come una bandiera "sporca", potresti prendere in considerazione qualcosa come: http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.html. L'idea è che tu usi un osservabile calcolato che chiama ko.toJS() su un oggetto per scartare tutti i suoi osservabili.

Answer 2

Non si desidera duplicare il corpo della funzione del gestore? Estrailo in una variabile.

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

Migliorare sul refactoring del corpo della funzione in una variabile, girando la lista delle dipendenze per tenere traccia in un loop:

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

È possibile creare una sorta di estensione per questo scopo. Semplice esempio:

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

Usage:

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