Lightbox-Steuerelemente

Das Lightbox ist ein Bearbeitungsformular, das für die Änderung der Details eines Ereignisses konzipiert ist. Das Standard-Lightbox wird im folgenden Bild dargestellt.

Aufbau des Lightbox

Sektionen

Das Layout des Lightbox wird durch die sections-Eigenschaft des Objekts lightbox definiert:

// Standarddefinition des Lightbox
scheduler.config.lightbox.sections = [
    {name:"description", height:200, map_to:"text", type:"textarea" , focus:true},
    {name:"time", height:72, type:"time", map_to:"auto"}
];

Jedes Element im sections-Array ist ein Objekt, das einen bestimmten Abschnitt innerhalb des Lightbox definiert (verfügbare Abschnittseigenschaften).

Sektionen-Steuerelemente

Jeder Abschnitt im Lightbox basiert auf einem bestimmten Steuerelement. Die folgenden Steuerelementtypen können im Lightbox verwendet werden:

  • Textarea – ein mehrzeiliges Texteingabefeld
  • Zeit und Datum – ein Paar von Datumswählern zur Festlegung eines Zeitraums
  • Select – eine Dropdown-Liste für Einzelauswahl
  • Template – ein Container, der HTML-Inhalt enthält
  • Multiselect – eine Gruppe von Kontrollkästchen
  • Checkbox – ein Kontrollkästchen mit zwei Zuständen
  • Radio – eine Gruppe von Optionsfeldern
  • Combo – eine Kombinationsbox, implementiert mit der DHTMLX Combo-Komponente

Beachten Sie, dass unabhängig von der verwendeten Kombination von Editoren der 'time'-Editor immer als letztes im Lightbox platziert werden sollte.

{name:"recurring", height:21, type:"select", map_to:"rec_type", options:[
    {key:"", label:"Do not repeat"},
    {key:"day", label:"Each day"},
    {key:"week", label:"Each week"},
    {key:"month", label:"Each month"}
]}
Nach oben