Knockout.JS：获取数据

Question

我知道这可能看起来太简单了，但我正在尝试了解 Knockout 的工作原理。我究竟做错了什么 ？我需要为每个学生获取有关“Note”的数据，但我尝试过的方法似乎不起作用......我将不胜感激任何帮助或建议。

 <table data-bind="foreach: students">
        <tr>
            <th>ID</th>
            <th>Nume</th>
            <th>Prenume</th>
            <th>Data</th>
        </tr>
        <tr>
            <td><input type="text" size="1" data-bind="value: StudId" disabled="disabled"></td>
            <td><input type="text" size="60" data-bind="value: Nume" disabled="disabled"></td>
            <td><input type="text" size="60" data-bind="value: Prenume" disabled="disabled"></td>
            <td>
                <input type="text" size="15" data-bind="value: Data" disabled="disabled">
                <input data-bind="click: $parent.deleteStudent.bind($parent, $data.StudId)" type="button" value="Sterge" class="button button1" id="sterge" />
                <input data-bind="click: function() { $parent.loadNote.bind($parent, $data.StudId); alert(NotaId); }" type="button" class="button button2" value="Note" />
            </td>
        </tr>
    </table>

还有淘汰赛：

 <script type="text/javascript">
        var uri = 'api/student';

        var StudentsViewModel = function () {
            this.students = ko.observableArray();
            this.note = ko.observableArray();

            this.loadNote();
            this.loadStudents();
        };

        StudentsViewModel.prototype.loadStudents = function () {
            var self = this;
            $.getJSON(uri, function (data) {
                self.students(data);
            });
        };

        StudentsViewModel.prototype.loadNote = function (id) {
            var self = this;
            $.getJSON(uri + '/' + id, function (data) {
                self.note(data);
            });
        };
// Apply bindings
        ko.applyBindings(new StudentsViewModel());

为什么当我为每个学生按下按钮时它不显示“注意”？

Answer 1

当您在函数上调用bind 时，该函数不会调用。相反，bind 返回一个带有绑定 this 上下文和可选绑定参数的 new 函数。

这表示这个函数：

function() { 
  $parent.loadNote.bind($parent, $data.StudId); 
  alert(NotaId); 
}

不会打电话给loadNote。您需要另一组括号来调用新创建的函数：

$parent.loadNote.bind($parent, $data.StudId)(); 

最好不要在数据绑定中创建新函数，尤其是在您对淘汰赛不熟悉的情况下。 click 参数和 bindingContext 可能会有点混乱。

我建议在您的视图模型中添加一个onLoadNoteClick 方法，将您的绑定更改为click: onLoadNoteClick，并在此方法中创建一个断点。然后，您可以检查arguments 以查看传递了什么，并检查this 以查看方法的上下文。

Answer 2

在你的函数loadNote中，你设置var self=this;

正如错误所说，当前闭包中没有note 函数。 尝试在构造函数中设置self，但不要将其限制在构造函数范围内，以便稍后调用。

var uri = 'api/student';
var self;
var StudentsViewModel = function () {
    self=this;
    this.students = ko.observableArray();
    this.note = ko.observableArray();
    this.loadNote();
    this.loadStudents();
    };