Kendo UI調度程序中的Kendo UI調度程序，議程視圖列

Question

顯示「日期，時間，事件」列。我還有一個額外的列，顯示我正在顯示的事件的不同屬性。

我想完成的是切換額外列的位置與「日期」列。我發現了一些東西，比如kendo網格重新排序以及使用css更改調度程序中的位置，但這兩種方法都不適用於我的情況。特別是css使用了左/右浮動，但是它改變了列。

下面是指向我的問題的圖像以及它們在調度程序上分配的類的鏈接。

AgendaCols

classInfo

此外，作爲獎勵，我想知道如果我能在第一張照片的橙色部分添加標題，因爲它是目前的空白，而其他三個各有一個內置的標題。

感謝您的時間，

ALPR

Answer 1

你可以指定date: true專門用於議程視圖，方法是在調度程序的選項對象中指定此項：

views: [{ 
    type: "agenda", 
    group: { 
     date: true 
    } 
}, "week", "day"] 

請注意，group的date: true設置位於views陣列中的議程條目中。

Answer 2

觸發導航事件時，這解決了我的問題（this.schedule是我的劍道調度聲明爲）：

navigate(event: any) { 
    if (event != null) { 
      ...omitted... 
     if (event.view == "agenda") { 
      this.schedule.options.group.date = true; 
     } else { 
      this.schedule.options.group.date = false; 
     } 
     ...omitted... 
    }; 
};