Knockout - Kendo UI Simple Data Binding Example

Updated version to KO 2.0.0 of sample from http://demos.kendoui.com/web/integration/index.html

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>


<body>
   <h1 data-bind="text: siteName"> </h1>
   <table border="1">
      <thead>
         <th>Course Name</th><th>Fees</th><th> Start Date</th>
      </thead>
       
      <tbody data-bind="with: courses ">
         <tr data-bind ="foreach:std">
            <td><span data-bind="text: courseName"></span></td>
            <td><span data-bind="text: Fees"></span></td>
            <td><span data-bind="text: startDate"> </span></td>
         </tr>
      </tbody>
   </table>
   </body>

JavaScript

<script type="text/javascript">
   function AppViewModel() {
      self=this;
      self.siteName =ko.observable( 'TutorialsPoint');
      self.courses =ko.observable(
         {courseName:  'Microsoft .Net', Fees: 20000, startDate: '20-Mar-2016'});
   };
   var vm = new AppViewModel();
   ko.applyBindings(vm);
</script>
</body>