Relselect

Zum Kopieren anklicken

Komponente auswählen, um Werte aus Datenmodellen auszuwählen.


Grundeinstellungen

Data source - Datenmodell, das für die Anzeige von Dropdown-Optionen verwendet werden soll.

Mode - wählen Multiple um mehrere Optionen aus der Auswahlliste auswählen zu können. Andernfalls, Single sollte mode verwendet werden.


Einstellungen für Aussehen und Bedienung

Label (nicht obligatorisch) 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.


Daten

Data source - Verwendetes Datenmodell. Kann nur bei der Erstellung der Komponente konfiguriert werden.

Label - Datenmodellfelder, die in einer einzigen Dropdown-Option angezeigt werden sollen.


Workflow-Auslöser

  • onChange - wird ausgelöst, wenn die Dropdown-Option geändert wird.
  • onFocus - wird ausgelöst, wenn die Relselect-Komponente fokussiert wird.
  • onBlur - wird ausgelöst, wenn die Relselect-Komponente unscharf ist.
  • onCreate - wird ausgelöst, wenn die Komponente erstellt wird.
  • onShow - wird ausgelöst, wenn die Komponente angezeigt wird.
  • onHide - wird ausgelöst, wenn die Komponente ausgeblendet wird.
  • onSearch - wird ausgelöst, wenn der Benutzer in den verfügbaren Optionen sucht.
  • onOpen - wird beim Dropdown ausgelöst.
  • onLoadAll - wird ausgelöst, wenn alle Dropdown-Optionen heruntergeladen sind.

Komponenten-Aktionen

RelSelect Get Properties

Ruft die Eigenschaften der Komponente ab.

Eingabe-Parameter :

  • Component Id [string] - Bezeichner der RelSelect-Komponente;

Ausgabe-Parameter :

  • Selected [Data Model type/ Data Model Array type] - ausgewählte Option(en). Wird im Geschäftsprozess angezeigt, wenn nur die Komponenten-ID angegeben ist.
  • Data [Data Model Array type] - Array der zu verwendenden Datenmodellelemente. Im Geschäftsprozess verfügbar, wenn nur die Komponenten-ID angegeben ist.
  • Label [string] - Bezeichnung der Komponente;
  • Placeholder [string] - Platzhalter für die Komponente;
  • Allow Clear [boolean] - erlaubt das Löschen 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;
  • 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.

RelSelect Get Properties

RelSelect Set Properties

Setzt die Eigenschaften der Komponente.

Eingabe-Parameter :

  • Component Id [string] - RelSelect Bezeichner der Komponente;
  • Label [string] - die Bezeichnung der Komponente;
  • Placeholder [string] - Platzhalter der 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;
  • Validate Icon [boolean] - Symbol, das bei der Validierung des Wertes angezeigt wird;
  • Validate Status [Status type] - Status, der bei der Validierung des Wertes angezeigt wird;
  • Validate Message [string] - Meldung, die bei der Validierung des Wertes angezeigt wird.

RelSelect Set Properties

RelSelect Update Properties

Aktualisiert die Eigenschaften der Komponente.

Eingabe-Parameter :

  • Selected [Data Model type/ Data Model Array type] - ausgewählte Option(en). Wird im Geschäftsprozess angezeigt, wenn Component ID nur angegeben ist.
  • Data [Data Model Array type] - Array der zu verwendenden Datenmodellelemente. Im Geschäftsprozess verfügbar, wenn Component ID nur angegeben ist.
  • Component Id [string] - RelSelect Bezeichner der Komponente;
  • Label [string] - die Bezeichnung der Komponente;
  • Placeholder [string] - der Platzhalter der Komponente;
  • Allow Clear [boolean] - erlaubt es, die Auswahl zu löschen, 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;
  • Validate Icon [boolean] - Symbol, das bei der Validierung des Wertes angezeigt wird;
  • Validate Status [Status type] - Status, der bei der Validierung des Wertes angezeigt wird;
  • Validate Message [string] - Meldung, die bei der Validierung des Wertes angezeigt wird.

RelSelect Get Properties


Beispiel für die Verwendung

Es ist erforderlich, die Dropdown-Optionen vom Server herunterzuladen, um sie zu sehen.

Die Logik sollte wie folgt sein:

1. das Datenmodell-Array abrufen(Serveranfrage GET ) bei RelSelect der Erstellung der Komponente (onCreate).

2.aktualisieren Sie die Dropdown-Daten (RelSelect Update Properties)