Events 剑道击倒组合框事件问题
html部分Events 剑道击倒组合框事件问题,events,knockout.js,kendo-ui,kendo-combobox,Events,Knockout.js,Kendo Ui,Kendo Combobox,html部分 <input data-bind="kendoComboBox: { dataTextField: 'FirstName', dataValueField: 'PersonID', data: AllUsers,template: '<span>#= data.FirstName # #= data.LastName # </span>', value: SelectedUserID, change: UserSelectionChanged}"
<input data-bind="kendoComboBox: { dataTextField: 'FirstName', dataValueField: 'PersonID', data: AllUsers,template: '<span>#= data.FirstName # #= data.LastName # </span>', value: SelectedUserID,
change: UserSelectionChanged}" />
此处调用了事件,但self
中的数据不存在。这项赛事似乎与淘汰赛不太相符。
如何正确绑定
kendo组合框中的ko
事件 我不想注册更改事件,而是订阅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
的时间或方式就无关紧要了。我不想注册更改事件,而是订阅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
的时间或方式就无关紧要了。我不想注册更改事件,而是订阅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
的时间或方式就无关紧要了。我不想注册更改事件,而是订阅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
。正如sroes所写,订阅可观察对象是最佳选择
如果您必须绑定到剑道事件,则可以执行以下操作:
data-bind="... change: UserSelectionChanged(), ...."
注意末尾的函数调用括号^
现在,函数必须如下所示:
this.UserSelectionChanged = function () {
var self = this;
return function(e) {
$.ajax({
self.blah ...
});
}
}
现在,您已经创建了一个闭包,可以使用self访问视图模型,但是在e中也有原始的Telerik事件参数,如e.dataItem等
所以现在你势不可挡,你可以做任何事 正如sroes所写,订阅可观测数据是这里的最佳选择
如果您必须绑定到剑道事件,则可以执行以下操作:
data-bind="... change: UserSelectionChanged(), ...."
注意末尾的函数调用括号^
现在,函数必须如下所示:
this.UserSelectionChanged = function () {
var self = this;
return function(e) {
$.ajax({
self.blah ...
});
}
}
现在,您已经创建了一个闭包,可以使用self访问视图模型,但是在e中也有原始的Telerik事件参数,如e.dataItem等
所以现在你势不可挡,你可以做任何事 正如sroes所写,订阅可观测数据是这里的最佳选择
如果您必须绑定到剑道事件,则可以执行以下操作:
data-bind="... change: UserSelectionChanged(), ...."
注意末尾的函数调用括号^
现在,函数必须如下所示:
this.UserSelectionChanged = function () {
var self = this;
return function(e) {
$.ajax({
self.blah ...
});
}
}
现在,您已经创建了一个闭包,可以使用self访问视图模型,但是在e中也有原始的Telerik事件参数,如e.dataItem等
所以现在你势不可挡,你可以做任何事 正如sroes所写,订阅可观测数据是这里的最佳选择
如果您必须绑定到剑道事件,则可以执行以下操作:
data-bind="... change: UserSelectionChanged(), ...."
注意末尾的函数调用括号^
现在,函数必须如下所示:
this.UserSelectionChanged = function () {
var self = this;
return function(e) {
$.ajax({
self.blah ...
});
}
}
现在,您已经创建了一个闭包,可以使用self访问视图模型,但是在e中也有原始的Telerik事件参数,如e.dataItem等
所以现在你势不可挡,你可以做任何事