Actualizando Knockout.js Valor de elemento de matriz observable

Question

Necesito actualizar un valor de elemento de matriz observable. La matriz observable es una colección de objetos de clase. Primero necesito encontrar el objeto coincidente por identificación y actualizar algunos otros valores de propiedad del objeto.

var Seat = function(no, booked) { 
    var self = this; 
    self.No = ko.observable(no); 
    self.Booked = ko.observable(!!booked); 

    // Subscribe to the "Booked" property 
    self.Booked.subscribe(function() { 
     alert(self.No()); 
    }); 
}; 

var viewModel = { 
    seats: ko.observableArray([ 
     new Seat(1, false), new Seat(2, true), new Seat(3, true), 
     new Seat(4, false), new Seat(5, true), new Seat(6, true), 
     new Seat(7, false), new Seat(8, true), new Seat(9, true) 
    ]) 
}; 

¿Alguien puede sugerir el enfoque de actualizar el modelo de vista? Digamos que quiero actualizar el valor reservado a "false" para el asiento sin 2.

http://jsfiddle.net/2NMJX/3/

Answer 1

Eso es bastante simple, con nocaut:

// We're looking for the Seat with this No 
var targetNo = 2; 

// Search for the seat -> arrayFirst iterates over the array and returns the 
// first item that is a match (= callback returns "true")! 
var seat = ko.utils.arrayFirst(this.seats(), function(currentSeat) { 
    return currentSeat.No() == targetNo; // <-- is this the desired seat? 
}); 

// Seat found? 
if (seat) { 
    // Update the "Booked" property of this seat! 
    seat.Booked(true); 
} 

http://jsfiddle.net/2NMJX/4/

Answer 2

viewModel.seats()[self.No()].Booked(true);