{"id":11421,"date":"2016-04-13T13:43:31","date_gmt":"2016-04-13T18:43:31","guid":{"rendered":"http:\/\/jianmingli.com\/wp\/?p=11421"},"modified":"2016-04-13T16:33:13","modified_gmt":"2016-04-13T21:33:13","slug":"knockout-js-examples","status":"publish","type":"post","link":"https:\/\/jianmingli.com\/wp\/?p=11421","title":{"rendered":"Knockout.js Examples"},"content":{"rendered":"
\n

Contents<\/h2>\n
    \n\t
  1. \n\t\tCreate Sample Project<\/a>\n\t<\/li>\n\t
  2. \n\t\tToggle Elements<\/a>\n\t<\/li>\n\t
  3. \n\t\tBind Multiple View Models on a Single Page<\/a>\n\t<\/li>\n\t
  4. \n\t\tObservable Examples<\/a>\n\t<\/li>\n\t
  5. \n\t\tTemplate Binding Example<\/a>\n\t<\/li>\n\t
  6. \n\t\tEvent Binding Example<\/a>\n\t<\/li>\n\t
  7. \n\t\tExtending Observables<\/a>\n\t<\/li>\n\t
  8. \n\t\tAdd Custom Functions to Observables<\/a>\n\t<\/li>\n\t
  9. \n\t\tForm Posting with AJAX<\/a>\n\t<\/li>\n\t
  10. \n\t\tReceiving Data with AJAX<\/a>\n\t<\/li>\n<\/ol>\n<\/ol>\n<\/div>\n
     <\/div>\n

    Create Sample Project<\/h2><\/span>\n

    * From VS2013, create a new ASP.NET Web Application project<\/em> named, e.g. ko1<\/strong>
    \n* Select Empty <\/em>template and add features:
    \n– MVC
    \n– Web API
    \n* Also install packages:
    \n– jQuery
    \n– Bootstrap
    \n– Knockout
    \n* See this     post <\/a>for details on how setup a MVC5 and SPA sample project.<\/p>\n

    Toggle Elements<\/h2><\/span>\n

    * Hide\/Show elements
    \n* Add\/Remove elements<\/p>\n

    \r\n@{\r\n    Layout = null;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n    \r\n