Checkbox-Steuerelement

Ein zweistufiges Checkbox-Steuerelement ist ein einfaches Element, das verwendet wird, um Optionen oder Werte ein- und auszuschalten. Es ist nützlich für Aufgaben wie:

• Zuweisung von Ressourcen zu Aufgaben

Related sample:  Checkbox control

• Umschalten zwischen dem Split- und Baum-Modus für geteilte Aufgaben

gantt.config.lightbox.project_sections = [
    {name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
    {name: "split", type:"checkbox", map_to: "render", options:[            {key:"split", label:"Split Task"}                                                      ]},                                                                 {name: "time", type: "duration", readonly: true, map_to: "auto"}
];

Related sample:  Split task

Initialisierung

Um ein Checkbox-Steuerelement in der Lightbox zu integrieren, müssen Sie die folgenden Schritte ausführen:

1) Fügen Sie der Lightbox-Konfiguration einen Abschnitt hinzu:

var opts = [
    {key:"split", label:"Split Task"}                                       
];
 
gantt.config.lightbox.sections = [
    {name: "description", height: 70, map_to: "text", type: "textarea", focus: true},
    {name: "split", type:"checkbox", map_to: "render", options:opts},               {name: "time", type: "duration", readonly: true, map_to: "auto"}
];

2) Geben Sie ein Label für den Abschnitt an:

gantt.locale.labels.section_split = "Anzeige";

Related sample:  Split task

Eigenschaften

Hier sind einige wichtige Eigenschaften, die Sie häufig für das Checkbox-Steuerelement konfigurieren. Die vollständige Liste finden Sie hier:

• name - (string) der Name des Abschnitts
• map_to - (string) der Name der mit dem Abschnitt verknüpften Dateneigenschaft
• type - (string) der Typ des Abschnitts-Steuerelements
• options - (array) ein Array von Objekten, das die auswählbaren Optionen des Steuerelements definiert (verwendet für select, checkbox und radio Steuerelemente). Jedes Objekt umfasst:
  • key - (string) die Options-ID, die mit der Aufgabendateneigenschaft abgeglichen wird, um Optionen zuzuweisen
  • label - (string) das Options-Label
• focus - (boolean) wenn wahr, erhält dieser Abschnitt den Fokus, wenn die Lightbox geöffnet wird
• default_value - (any) der Standardwert für das Steuerelement, der angewendet wird, wenn der Eingabewert undefiniert ist

Befüllen des Steuerelements mit Daten

Um Werte für das Checkbox-Steuerelement zu definieren, verwenden Sie typischerweise den options Parameter:

gantt.config.lightbox.sections = [
    {name: "split", type:"checkbox", map_to: "render", options:[
        {key:"split", label:"Split Task"}
    ]}                                                                
];

Der options Parameter erfordert zwei Schlüsseleigenschaften für jedes Element:

• key - die ID der Option
• label - das für die Option angezeigte Label

Zurück nach oben