json and knockout

Question

У меня есть таблица, которая «предполагается» привязана к результату json, но она не работает, какими могут быть ошибки?

<table> 
<thead> 
    <tr> 
     <th> 
      Id 
     </th> 
     <th> 
      Number 
     </th> 
     <th> 
      Name 
     </th> 
     <th> 
      Password 
     </th> 
     <th> 
      Role 
     </th> 
    </tr> 
</thead> 
<tbody data-bind="foreach: model.Employees"> 
    <tr> 
     <td> 
      <span data-bind="text: EmployeeId"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeNumber"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeName"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeePassword"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeRole"></span> 
     </td> 
    </tr> 
</tbody> 

мой нокаут сценарий, который заключается в следующем:

<script type="text/javascript"> 
$(document).ready(function() { 
    var viewModel = {}; 
    var data = $.getJSON("Employees.json", function (data) { 
     viewModel= ko.mapping.fromJSON(data); 
     ko.applyBindings(viewModel); 
    } 
    ); 
}); 
</script> 

вот мой образец вернулся JSon данные:

{"Employees":[{"EmployeeId":1,"EmployeeName":X","EmployeeNumber":"1","EmployeePassword":"x","EmployeeRole":"User"},{"EmployeeId":10,"EmployeeName":"S","EmployeeNumber":"21","EmployeePassword":"s","EmployeeRole":"Admin"}]} 

Answer 1

Если вы откроете консоль ошибок ввода вашего браузера ставка вы видите примерно так:

Uncaught Error: Unable to parse bindings. Message: ReferenceError: Employees is not defined; Bindings value: foreach: Employees

Employees не определен на viewModel. Он, однако, определен на viewModel.model. Вещи должны работать, если вы либо:

1. data-bind Еогеасп на model.Employees вместо:

   <tbody data-bind="foreach: model.Employees"> 
   

   Пример:http://jsfiddle.net/Ze2Zs/

2. Назначают результаты вашего запроса AJAX непосредственно viewModel вместо viewModel.model:

   viewModel = ko.mapping.fromJSON(data); 
   

   Пример:http://jsfiddle.net/wHXeP/

Также как примечание стороны, нет никакой необходимости назначить var data = $.getJSON(...) как ответ обрабатывается с помощью функции обратного вызова:

var viewModel = {}; 
$.getJSON("Employees.json", function (data) { 
    viewModel.model = ko.mapping.fromJSON(data); 
    ko.applyBindings(viewModel); 
});