Knockoutjs.com - Hello World Example

http://knockoutjs.com/examples/helloWorld.html

by chrisloughnane

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<form data-bind ="with: mainform">
  <input data-bind = "value: AdultCount">
  <input data-bind = "value: PG1FName">
  <input data-bind = "value: PG1LName">
</form>

JavaScript

var ViewModel = function() {
  var self = this;

  self.mainform = ko.observable(new FormModel());

self.mainform({"AdultCount" : "1","PG1FName" : "12","PG1LName" : "31"});
  //self.mainform({"AdultCount" : "test","PG1FName" : "2","PG1LName" : "3"});
};

var FormModel = function() {
  var self = this;

  self.AdultCount 			= ko.observable("2"); 
  self.PG1FName 				= ko.observable("PG1FName");
  self.PG1LName 				= ko.observable("PG1LName");
}

ko.applyBindings(new ViewModel());