Aktualizowanie Knockout.js Obserwowalna wartość elementu tablicy

Question

Potrzebuję zaktualizować obserwowalną wartość elementu tablicy. Tablica obserwowalna jest zbiorem obiektów klasy. Najpierw muszę znaleźć pasujący obiekt według id i zaktualizować niektóre inne wartości właściwości obiektu.

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

Czy ktoś może sugerować podejście aktualizacji modelu widoku? Powiedzmy chcę zaktualizować zarezerwowane wartość "false" na siedzeniu nie 2.

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

Answer 1

To dość proste z nokautem:

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