2012-12-24 141 views
1

我一直在使用Kendo UI Web,當我查看日曆小部件並且存在這樣的語法${ data.value }時,我確信該語法迴響了一個值。這種語法對我來說是新的,我似乎無法找到一個關於它的文檔,當我谷歌搜索。有人能指引我走向正確的方向嗎?我可以填充日曆控件的這樣Kendo UI日曆

$.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; 
    } 
}); 

回答

1

$日期選項{}相同#:#Here是關於#的更多信息:#

關於日期,恐怕初始化小部件後設置的選項不會被考慮在內。爲什麼不銷燬這個小部件,並在所需的選項中重新創建成功回調?

+0

謝謝Pechka。在這種情況下,我想我不會使用日曆小部件的日期選項,因爲在我的場景中,我試圖在具有指定日期的日曆中標記日期,這些日期是假日。如果將有兩個「非工作」和「工作」假期的陣列每個都會有不同的圖像作爲標記,那麼標記日期將非常困難。 – Durty

0

除了什麼@Pechka說道,約${},而不是破壞並重新創建widget,你可以嘗試:

var cal = $('#holiday-calendar').data('kendoCalendar'); 
cal.options.dates = holidayDates; 
cal.navigateToPast(); 
cal.navigateToFuture(); 

這不是一個實際的解決方案迫使日曆一招到refresh,到目前爲止它的工作。它的作用是在calendar中強制redrawcalendar轉移到過去,然後到未來。

它可能實際上會產生某種閃爍,這取決於瀏覽器的速度和計算機的屏幕但是它會比銷燬和重新創建小部件少。