Select

Grundeinstellungen

Mode - Wählen Sie Mehrfach , um mehrere Optionen aus der Dropdown-Liste auswählen zu können. Andernfalls sollte der Einzelmodus verwendet werden.

Look and Feel Einstellungen

Label (nicht zwingend) wird verwendet, um das Label der Komponente anzuzeigen.

Placeholder (nicht obligatorisch) - wird verwendet, um den Platzhalter der Komponente anzuzeigen.

Name (obligatorisch) - Name der Komponente.

Size (obligatorisch) - Größe der Komponente. Wird bei der Erstellung der Komponente auf Default gesetzt.

Search (obligatorisch) - um in den verfügbaren Dropdown-Optionen suchen zu können. Ist standardmäßig ausgeschaltet.

Clear icon (obligatorisch) - zeigt das Symbol "Optionen löschen" an, wenn es aktiviert ist. Ist standardmäßig ausgeschaltet.

Disabled (obligatorisch) - deaktiviert die Komponente, wenn sie eingeschaltet ist. Ist standardmäßig ausgeschaltet.

Visible (obligatorisch) - macht die Komponente sichtbar, wenn sie eingeschaltet ist. Standardmäßig aktiviert.

Optionen

In den Komponenteneinstellungen könnenOptionen vordefiniert werden.

Workflow-Auslöser

• onChange - feuert, wenn die Dropdown-Option geändert wird.
• onFocus - wird ausgelöst, wenn der Fokus auf die Select-Komponente gerichtet ist.
• onBlur - wird ausgelöst, wenn die Select-Komponente unscharf ist.
• onCreate - wird ausgelöst, wenn die Komponente erstellt wird.
• onDestroy - wird ausgelöst, wenn die Komponente angezeigt wird.

Komponenten-Aktionen

Select Get Properties

Ruft die Eigenschaften der Komponente ab.

Eingabe-Parameter :

• Component Id [string] - Der Bezeichner der Select-Komponente;

Ausgabeparameter :

• Label [string] - das Label der Komponente;
• Placeholder [string] - den Platzhalter der Komponente;
• Allow Clear [boolean] - ermöglicht das Aufheben der Auswahl, wenn true;
• Disable [boolean] - deaktiviert die Komponente, wenn wahr;
• Tooltip [string] - Tooltip-Zeichenfolge;
• Required Mark [boolean] - zeigt die erforderliche Markierung an, wenn wahr;
• Debounce (ms) [integer] - Verzögerung bei der Validierung des Wertes;
• Options [Select Option array] - ein Array mit vordefinierten Auswahloptionen;
• Selected [Select Option array] - ein Array ausgewählter Optionen oder nur ein Array mit einem einzelnen Element im Falle des Einzelmodus;
• Validate Icon [boolean] - Symbol, das bei der Validierung des Wertes angezeigt wird;
• Validate Status [Status type] - Status, der bei der Validierung des Wertes angezeigt werden soll;
• Validate Message [string] - Meldung, die bei der Validierung des Wertes angezeigt werden soll;

Select Set Properties

Setzt die Eigenschaften der Komponente.

Eingabe-Parameter :

• Component Id [string] - Wählen Sie den Bezeichner der Komponente;
• Label [string]- Beschriftung der Komponente;
• Placeholder [string] - Platzhalter für die Komponente;
• Allow Clear [boolean] - erlaubt das Löschen der Auswahl, wenn wahr;
• Disable [boolean] - Deaktiviert die Komponente, wenn wahr;
• Tooltip [string] - Tooltip-Zeichenfolge;
• Required Mark [boolean] - zeigt die erforderliche Markierung an, wenn wahr;
• Debounce (ms) [integer] - Verzögerung bei der Validierung des Wertes;
• Options [Select Option array] - eine Reihe von vordefinierten Auswahloptionen;
• Validate Icon [boolean] - Symbol, das bei der Validierung des Wertes angezeigt wird;
• Validate Status [Status type] - Status, der bei der Gültigkeitsprüfung des Wertes angezeigt wird;
• Validate Message [string] - Nachricht, die bei der Validierung des Wertes angezeigt wird;

Wählen Sie Eigenschaften aktualisieren

Aktualisiert die Eigenschaften der Komponente.

Eingabe-Parameter :

• Component Id [string] - Identifikator der Komponente auswählen;
• Label [string]- Beschriftung der Komponente;
• Placeholder [string] - Platzhalter für die Komponente;
• Allow Clear [boolean] - erlaubt das Löschen der Auswahl, wenn wahr;
• Disable [boolean] - Deaktiviert die Komponente, wenn wahr;
• Tooltip [string] - Tooltip-Zeichenfolge;
• Required Mark [boolean] - zeigt die erforderliche Markierung an, wenn wahr;
• Debounce (ms) [integer] - Verzögerung bei der Validierung des Wertes;
• Options [Select Option array] - eine Reihe von vordefinierten Auswahloptionen;
• Validate Icon [boolean] - Symbol, das bei der Validierung des Wertes angezeigt wird;
• Validate Status [Status type] - Status, der bei der Gültigkeitsprüfung des Wertes angezeigt wird;
• Validate Message [string] - Meldung, die bei der Validierung des Wertes angezeigt wird;

Make Select Option

Setzt das Modell Select Option mit den angegebenen Feldern zusammen.

Eingabe-Parameter :

• ID [integer] - Select Option ID;
• Label [string] - Bezeichnung der Option auswählen;
• Value [integer] - Wählen Sie den Bestellwert der Option in der Dropdown-Liste;
• Icon [string] - Symbol, das im Element Select Option verwendet werden soll;
• Disabled [boolean] - Deaktiviert die Select Option, wenn wahr;

Ausgabe-Parameter :

• Select Option [Select Option] - Select Option Modell;

Expand Select Option

Erweitert das Modell der Select-Option.

Eingabe-Parameter :

• Select Option [Select Option] - Modell der Option auswählen;

Ausgabe-Parameter :

• ID [integer] - Option ID auswählen;
• Label [string] - Wählen Sie die Bezeichnung der Option;
• Value [integer] - Wählen Sie den Bestellwert der Option in der Dropdown-Liste;
• Icon [string] - Symbol, das im Element Select Option verwendet werden soll;
• Disabled [boolean] - Deaktiviert die Select Option, falls wahr;

Verwendungsbeispiel

Es ist möglich, über Frontend-Geschäftsprozesse neue Select-Option-Elemente zusammenzustellen und in die Dropdown-Liste einzufügen.

Die Logik sollte wie folgt sein:

• Erstellt ein neues Select Option Element mit den angegebenen Feldern (Make Select Option)

• Holen Sie sich das vorhandene Array Select Option items (Select Get Properties) und fügt es mit dem zuvor erstellten Auswahlelement zusammen (Append Array)

• Aktualisieren Sie das Array der Auswahlelemente (Select Update Properties) für die angegebene Select-Komponente