events - 剑道淘汰赛组合框事件问题

Question

html部分

<input data-bind="kendoComboBox: { dataTextField: 'FirstName', dataValueField: 'PersonID',  data: AllUsers,template: '<span>#= data.FirstName # #= data.LastName # </span>',  value: SelectedUserID, 
change: UserSelectionChanged}" />

模型内的事件处理程序

var self= this;...    
self.UserSelectionChanged = function () {

        $.ajax({
            type: "POST",
            url: defaultUri + '/Home/GetUserTasks',
            data: JSON.stringify({ PersonID: self.SelectedUserID() }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (o) {
                self.SelectedUserTask(null);
                self.SelectedUserTask(o);
                //RRM: Added this line below so that whenever user dropdown is changed or refresh button is clicked in AssignedTo the first task of that particular user is Selected.
                self.selectTask(o[0]);

            }
        });
    };

这里正在调用事件，但其中的数据self不存在。该事件似乎与淘汰赛结合得不好。如何在ko事件中正确绑定kendo combobox事件？

Answer 1

我不会注册更改事件，而是订阅SelectedUserID：

var self= this;
...
self.SelectedUserID.subscribe(function(selectedUserId) {

    $.ajax({
        type: "POST",
        url: defaultUri + '/Home/GetUserTasks',
        data: JSON.stringify({ PersonID: selectedUserId }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (o) {
            self.SelectedUserTask(null);
            self.SelectedUserTask(o);
            //RRM: Added this line below so that whenever user dropdown is changed or refresh button is clicked in AssignedTo the first task of that particular user is Selected.
            self.selectTask(o[0]);

        }
    });
});

SelectedUserID这样，何时或如何更改都无关紧要。

Answer 2

正如 sroes 所写，订阅 observable 是这里的最佳选择。

如果您必须绑定到 kendo 事件，那么您可以这样做：

data-bind="... change: UserSelectionChanged(), ...."

注意末尾的函数调用括号 ^

现在你的功能必须是这样的：

this.UserSelectionChanged = function () {
    var self = this;

    return function(e) {
        $.ajax({ 
            self.blah ...
        });
    }
}

现在您已经创建了一个闭包，您可以使用self访问您的视图模型，但您还可以在e中拥有原始 Telerik 事件参数，例如e.dataItem 等。

所以现在你势不可挡，你可以做任何事情！