<!DOCTYPE html> <html> <head> <title>Mapping Example</title> <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js" type="text/javascript"></script> <script type="text/javascript" src="Js/knockout-mapping.js"></script> </head> <body> <p> Friends(<span data-bind="text:friends().length"></span>) </p> <ul data-bind="foreach:friends"> <li> <span data-bind="text:name"></span> <input type="checkbox" data-bind="checked:isJsKnown"/> <input data-bind="value:1.0,visible:isJsKnown"/> <button data-bind="click:RemoveFriends">X</button> </li> </ul> <button data-bind="click:AddFriends, enable:friends().length < 5">Add Friend</button> <script type="text/javascript"> function frnd () { return { Name : "Bittu", isJsKnown: false, jsVersion: "1.0", isWeired: true } } function friend (frnd) { var map= ko.mapping.fromJs(frnd); map.RemoveFriends= function () { obj.friends.remove(map); } return map; } var obj={ friends:ko.observableArray([new friend(new frnd())]) }; function AddFriends () { obj.friends.push(new friend(new frnd())); } ko.applyBindings(obj); </script> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)