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önnen Optionen 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
