Kendo UI Web調度程序 - 動態修改資源數據源

Question

我試圖動態地更改資源數據源，但我所做的更改未應用於調度程序。

我創建了一個調度程序，如下所示：

$("#scheduler").kendoScheduler 
({ 
    date: new Date(), 
    startTime: new Date("2013/11/27 07:00 AM"), 
    endTime: new Date("2013/11/27 06:00 PM"), 
    height: "600", 
    selectable: true, 
    views: [ 
     "day", 
     { type: "workWeek", selected: true }, 
     "week", 
     "month", 
     "agenda" 
    ], 

    editable: { 
     template: kendo.template($("#schedulerTemplate").html()) 
    }, 
    dataSource: _dataSourceDetailedAppointmentScheduler, 
    edit: _api.onEditScheduler, 
    cancel: _api.onCancelScheduler, 
    save: _api.onSaveScheduler, 

    resources: [ 
     { 
      field: "CommertialRepresentativeId", // The field of the scheduler event which contains the resource identifier 
      title: "Representante Comercial", // The label displayed in the scheduler edit form for this resource 
      dataSource: [ 
       { 
        text: "Representante 1", // Text of the resource instance 
        value: 1, // Identifier of the resource instance, use that value to assign an event to this instance. 
        color: "#ff0000" // Used as the background of events assigned to this resource. 
       }, 
      ], 
      multiple: false // Indicate the this is a multiple instance resource 
     } 
    ] 

}); 

而另一個控制被修改後，我嘗試更換資源數據源，改變事件的顏色與該領域的值爲1：「 CommertialRepresentativeId「爲綠色。

_dataSourceDetailedAppointmentScheduler.read(); 
var schedulerControl = $("#scheduler").data("kendoScheduler"); 
//Construir 
var resourceDS = new kendo.data.DataSource(
    { 
     data: [ 
      { text: "rep 1", 
       value: 1, 
       color: "#00ff00" 
      } 
     ] 
    } 

); 
resourceDS.read(); 

schedulerControl.resources[0].dataSource = resourceDS; 
schedulerControl.view(schedulerControl.view().name); 

似乎無法弄清楚爲什麼調度器將繼續以原始顏色顯示事件。

我會感謝一些幫助！

Answer 1

您應該使用resource.setDatasource或resource.dataSource.data()更新配置：

var data = [{ text: "rep 1", value: 1, color: "#00ff00" }]; 
schedulerControl.resources[0].dataSource.data(data); 

如果你不想更換所有數據，但只改變一個項目，這應該也行：

// id if you have one, otherwise dataSource.at(index) if you know the index 
var existingItem = schedulerControl.resources[0].dataSource.get(id); 
existingItem.set("color", "#00ff00"); 

Answer 2

更改資源不會自動更新UI。因此，您需要手動刷新它。這可以通過調度程序視圖方法選擇當前視圖來實現。

http://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler#methods-view

scheduler.view("month"); 

Answer 3

傢伙，你可以檢查以下內容進行編輯的資源完成演示，並刷新UI：

• Scheduler: Resources editing using Grid nested inside custom edit template