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

Id订阅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所写，订阅观察者是最好的选择。

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

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

注意结尾处的函数调用括号^

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

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

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

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

所以现在你是不可阻挡的，你可以做任何事情！

kendo knockout组合框事件问题

2 个答案: