如何在Kendo.Scheduler中自定义行或列颜色?

Joh*_*ker 3 customization colors rows kendo-ui kendo-scheduler

有没有办法自定义kendo.Scheduler行和列颜色?如果有,请告诉我如何! 如何更改这些行的颜色?

更新1>这是答案>

     view.table.find("td[role='gridcell']").each(function () {
        if ($(this) != null) {
            var element = $(this);
            if (element != null) {
                var slot = scheduler.slotByElement(element);
                if (slot != null) {
                    var dateSlot = slot.startDate;
                    if ("20/09/2014 14:00"== dateSlot.toString())
                        element.addClass("red");
                }
            }
        }
    });
Run Code Online (Sandbox Code Playgroud)

您还必须添加以下css:

.k-scheduler .k-today.red { 
        background: #ff6f7b; /*When the slot is today*/
    }
.red {
        background: #ff6f7b;
    }
.k-scheduler .k-state-selected.red { /*The color when you select the slot*/
        background: #4070B8;
    }
Run Code Online (Sandbox Code Playgroud)

小智 5

function scheduler_dataBound(e) {
      var scheduler = $("#scheduler").data("kendoScheduler"); 
      var view = scheduler.view();
      view.table.find("td[role=gridcell]").each(function () {
      if ($(this) != null) {
         var element = $(this);
         if (element != null) {
              var slot = scheduler.slotByElement(element);
                 if (slot != null)
                     if (slot.startDate, slot.endDate, == "youre times")
                         element.addClass("youre css clas name ");
         }
     }
});
Run Code Online (Sandbox Code Playgroud)