kendo ui datepicker k-on-change无效。

时间:2016-01-11 12:44:30

标签: kendo-ui

我有以下代码

<input kendo-date-picker k-options="vm.monthSelectorOptions" k-format="'MMMM yyyy'" k-ng-model="myController.selectedMonth" k-on-change="alert('test')" />

当我更改所选日期时,未执行警报。

1 个答案:

答案 0 :(得分:1)

属性上下文位于范围内。您需要在范围上定义警报方法。所以它不会像你期望的那样有效。但您可以在k-options范围变量上定义更改方法。

<input kendo-date-picker k-options="vm.monthSelectorOptions" k-format="'MMMM yyyy'" k-ng-model="myController.selectedMonth"/>  

(k-on-change被删除,因为它会覆盖monthSelectorOptions中的那个)

并在控制器中:

vm.monthSelectorOptions = {
   change:function(){
    alert("Test");
   }
   ...other options
}

如果您想使用k-on-change,也可以在示波器上定义相应的方法。

<input kendo-date-picker k-options="vm.monthSelectorOptions" k-format="'MMMM yyyy'" k-ng-model="myController.selectedMonth" k-on-change="vm.alert('test')" />

并在您的控制器中

 vm.alert = function(str){
   alert(str);
 };