Radio Button Steuerung
Dies ist eine Gruppe von Optionen, bei der jeweils nur eine ausgewählt werden kann.
Initialisierung
Um ein Radio Button-Steuerelement in das Lightbox aufzunehmen, müssen Sie folgende Schritte ausführen:
1) Fügen Sie eine neue Sektion zur Lightbox-Konfiguration hinzu:
var opts = [
{key: 1, label: "Hoch"},
{key: 2, label: "Normal"},
{key: 3, label: "Niedrig"}
];
gantt.config.lightbox.sections = [
{name: "description", height: 38, map_to: "text", type: "textarea", focus: true},
{name: "priority", height: 22, map_to: "priority", type: "radio", options: [opts]}, {name: "time", type: "duration", map_to: "auto"}
];
2) Weisen Sie der Sektion ein Label zu:
gantt.locale.labels.section_priority = "Priorität";
Eigenschaften
Hier sind die wichtigsten Eigenschaften, die häufig für das Radio Button-Steuerelement verwendet werden (die vollständige Liste finden Sie hier):
- name - (string) gibt den Namen der Sektion an
- map_to - (string) verknüpft die Sektion mit einer Dateneigenschaft
- type - (string) gibt den Typ des Sektionssteuerungselements an
- options - (array) definiert die verfügbaren Optionen für das Steuerelement. Dies gilt für select, checkbox und radio-Steuerelemente. Jedes Objekt im Array stellt eine Option mit den folgenden Eigenschaften dar:
- key - (string) die eindeutige ID für die Option, die mit der Task-Dateneigenschaft verglichen wird, um Optionen mit Aufgaben abzugleichen
- label - (string) der Text, der für die Option angezeigt wird
- focus - (boolean) wenn auf true gesetzt, wird die Sektion fokussiert, wenn die Lightbox geöffnet wird
- default_value - (any) setzt einen Standardwert für das Steuerelement, der nur angewendet wird, wenn kein Wert angegeben ist
Befüllen des Steuerelements mit Daten
Um die Werte für das Radio Button-Steuerelement zu definieren, wird der options-Parameter verwendet:
gantt.config.lightbox.sections = [
{name: "priority", map_to: "priority", type: "radio", options: [
{key: 1, label: "Hoch"},
{key: 2, label: "Normal"},
{key: 3, label: "Niedrig"},
]}
];
Jedes Element im options-Parameter erfordert diese beiden Eigenschaften:
- key - die eindeutige ID für die Option
- label - der Text, der für die Option angezeigt wird