Question

我一直在使用Kendo UI Web，当我查看Calendar小部件并且有一个类似${ data.value }的语法时，我确信该语法会回显一个值。这种语法对我来说是新的，当我用Google搜索时，我似乎无法找到有关它的文档。有人能指出我正确的方向吗？我可以像这样

填充Calendar小部件的日期选项

$.ajax({
  url: getHolidaysURL,
  success: function(data) {
    var json = JSON.parse(data);

    var holidayDates = new Array();

    for(var i = 0; i < json.length; i++) {
      var dateSplit = json[i].date;

      holidayDates.push(new Date(dateSplit[0], dateSplit[1], dateSplit[2]));
    }

    $('#holiday-calendar').data('kendoCalendar').options.dates = holidayDates;
  }
});

Answer 1

$ {} 与＃：＃相同。 Here是有关＃：＃的更多信息。

关于日期，我担心初始化小部件后设置的选项不会被考虑在内。为什么不破坏小部件并在成功回调中使用所需的选项重新创建它？

Answer 2

除了@Pechka关于${}所说的内容，您可以尝试使用widget而不是销毁和重新创建var cal = $('#holiday-calendar').data('kendoCalendar'); cal.options.dates = holidayDates; cal.navigateToPast(); cal.navigateToFuture();：

refresh

这不是一个真正的解决方案，而是强制将日历强制转换为calendar并且到目前为止它的工作原理。它的作用是在redraw强制calendar的{{1}}中移至过去，然后移至未来。

它实际上可能会产生某种闪烁，具体取决于浏览器的速度和计算机的屏幕但它将不会破坏和重新创建小部件。

Kendo UI日历

2 个答案: