Question

如果我用鼠标在Kendo UI datepicker中选择日期，我的观察者（绑定的viewModel）会看到更改。但是如果我在代码中设置datepicker的值，就像这样：

$("#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/

Answer 1

输入窗口小部件的更改事件仅由用户操作触发。 DOM元素以相同的方式工作。

如果需要手动触发事件，请使用触发方法。

$("#dateFromFilter").data("kendoDatePicker").trigger("change");

演示：http://jsfiddle.net/q5xoyhx9/24/

这不是设计中的错误

使用API时，输入窗口小部件不会引发更改事件

http://docs.telerik.com/kendo-ui/troubleshooting

Kendo datepicker值方法不会触发自己的change事件

1 个答案: