o_19mgorv9t13a3ko71fev19l81mqa.pdf

Client Name
Location
Save
}
To create the editor, I have used Knockout in a different way, as I’ll explain step-by-step in the sections that follow.
Extending the Model
I need to collect two pieces of information from the user in order to create a new Reservation in the repository: the name
of the client (corresponding to the ClientName property) and the location (corresponding to the Location property). My
first step is to extend the model so that I define variables that I can use to capture these values, like this:
...
var model = {
reservations: ko.observableArray(),
editor: {
name: ko.observable(""),
location: ko.observable("")
}
};
...
The ko.observable function creates an observable value, which I will rely on later in the chapter. Changes to these
values will be reflected in any bindings that use the name and location properties.
Implement the Input Elements
The next step is to create the input elements through which the user will supply values for my new model properties. I have
used the Knockout value binding, which sets the value attribute on an element, as follows:
...
...
The value bindings ensure that the values entered by the user into the input elements will be used to set the model
properties.
Tip Notice that I don’t need a form element anymore. I will be using an Ajax request to send the data values to the server in
response to a button click, none of which relies on the standard browser support for forms.
Creating the Event Handler
726