Kendo-UI-Planer, Agenda-Ansichtspalten

Question

In der Agenda-Ansicht für den Kendo-UI-Scheduler werden die Spalten "Datum, Uhrzeit, Ereignis" angezeigt. Ich habe auch eine zusätzliche Spalte, die ein anderes Attribut des Ereignisses anzeigt, das ich zeige.

Was ich erreichen möchte ist, die Positionierung der zusätzlichen Spalte mit der Spalte "Datum" zu ändern. Ich hatte ein paar Dinge gefunden, wie zum Beispiel Kendo-Gitter-Neuordnung und auch die Verwendung von CSS, um die Platzierung im Scheduler zu ändern, aber keine der Methoden scheint auf meine Situation anwendbar zu sein. Das CSS verwendete insbesondere float links/rechts, aber das vermasselt stattdessen die Spalten.

Im Folgenden finden Sie Links zu den Bildern meines Problems sowie den Klassen, die ihnen im Scheduler zugewiesen sind.

AgendaCols

classInfo

Auch als Bonus, würde ich gerne wissen, ob ich einen Titel in dem orangefarbenen Teil des ersten Bildes hinzufügen, da es zur Zeit leer ist, während die anderen drei jeweils habe einen Titel, der eingebaut ist.

Vielen Dank für Ihre Zeit,

ALPR

Answer 1

Sie können Spezifizieren Sie date: true speziell für die Agenda-Ansicht, indem Sie dies im Optionen-Objekt des Schedulers angeben:

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

Beachten Sie, dass die groupdate: true Einstellung in der Agenda Eintrag in views Array ist.

Answer 2

wenn Navigation Ereignis ausgelöst, das ist mein Problem gelöst (this.schedule ist, was mein Kendo Scheduler als deklariert ist):

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