Knockout Mapping binding

by Dhinakar

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.1.0.js"></script>
<script src="https://rawgit.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>
<button data-bind="click: GetPersonByAjax">Load</button><br />

<div >
    Firstname <input data-bind="value: person.Firstname" /><br />
    Lastname <input data-bind="value: person.Lastname" /><br />
    Gender <input data-bind="value: person.Gender" />
</div>

<pre data-bind="text: JSON.stringify(ko.mapping.toJS($root), null, 2)"></pre>

JavaScript

// View Model
function SomeViewModel() {
    var self = this;

    self.person= ko.mapping.fromJS({}); 

		var check = {
                        Firstname: 'sdgsdgBob',
                        Lastname: 'Smzsfvsdfgvith',
                        Gender: 'Msdgsdgsdg'
                    }

		ko.mapping.fromJS(check, self.person);  
    
    self.GetPersonByAjax= function() {
		var data = ko.mapping.toJS(self.person);
    	console.log("--> " + data.Firstname);
      console.log("--> " + data.Lastname);
      console.log("--> " + data.Gender);
    };
}

ko.applyBindings(new SomeViewModel());