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

Posted 2023-05-07

【中文标题】如何在 Kendo.Scheduler 中自定义行或列颜色？

【英文标题】：How to customize rows or columns color in Kendo.Scheduler?

【发布时间】：2014-07-13 00:48:29

【问题描述】：

有没有办法自定义 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");
                
            
        
    );

您还必须添加以下 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;
    

【参考方案1】：

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 ");
         
     
);

【讨论】：

BUG Aufpassen beim zerren oder strecken des Schedulers kommt es zu ungewolltem verhalten bei mir in form von streifen des eingefärbten Bereiches, das liegt an der funktion lotByElement(element), intern macht diese ein paar aufrufe von getSlotByPosition die fehlschlagen können.

它可以，但是当我选择一个插槽时，它不是应有的蓝色，我该如何解决这个问题？

太棒了，你拯救了我的一天:)