如果我用鼠标在Kendo UI日期选择器中选择日期,我的观察者(绑定的viewModel)会看到更改。但如果我在代码中设置日期选择器的值,如下所示:
$("#dateFromFilter").data("kendoDatePicker").value(todayDate);
观察者没有捕捉到事件:
dateRangeViewModel = kendo.observable({
selectedDateFrom: null,
onChange: function (e) {
// selectedDateFrom is not changing because datePicker change event don't work for this
console.log("date: " + kendo.toString(this.get("selectedDateFrom"), "D"));
}
});
kendo.bind($("#dateFromFilter"), dateRangeViewModel);
这是一种正确的行为吗?如何解决问题?
JSfidler:http://jsfiddle.net/asartem/q5xoyhx9/11/
输入小部件的更改事件仅由用户操作触发。DOM元素的工作方式相同。
如果需要手动触发事件,请使用触发器方法。
$("#dateFromFilter").data("kendoDatePicker").trigger("change");
演示:http://jsfiddle.net/q5xoyhx9/24/
这不是一个错误,这是的设计
当使用API 时,输入小部件不会引发更改事件
http://docs.telerik.com/kendo-ui/troubleshooting