Relselect

Oorspronkelijke instellingen

Data source - datamodel om dropdown opties van te tonen.

Mode - kiezen Multiple om meerdere opties uit de dropdown te kunnen kiezen. Anders, Single moet modus worden gebruikt.

Look and Feel-instellingen

Label (niet verplicht) te gebruiken om het label van de component te tonen.

Placeholder (niet verplicht) te gebruiken om de plaatshouder van de component te tonen.

Name (verplicht) - naam van de component.

Size (verplicht) - grootte van de component. Wordt ingesteld op Standaard wanneer de component wordt aangemaakt.

Search (verplicht) - om te kunnen zoeken binnen de beschikbare dropdown opties. Is standaard uitgeschakeld.

Clear icon (verplicht) - toont pictogram voor het wissen van opties indien ingeschakeld. Is standaard uitgeschakeld.

Disabled (verplicht) - maakt de component uitgeschakeld indien ingeschakeld. Is standaard uitgeschakeld.

Visible (verplicht) - maakt de component zichtbaar indien ingeschakeld. Is standaard ingeschakeld.

Gegevens

Data source - Datamodel in gebruik. Alleen configureerbaar bij het aanmaken van de component.

Label - Gegevensmodelvelden te tonen in een enkele dropdown optie.

Workflow triggers

• onChange - vuurt wanneer de dropdown optie veranderd.
• onFocus - Vuurt wanneer de Relselect component wordt gefocust.
• onBlur - Vuurt wanneer de Relselect component wordt vervaagd.
• onCreate - Vuurt wanneer de component wordt aangemaakt.
• onShow - Vuurt wanneer de component wordt getoond.
• onHide - Vuurt wanneer de component verborgen is.
• onSearch - Vuurt wanneer de gebruiker zoekt binnen de beschikbare opties.
• onOpen - Vuurt op de dropdown.
• onLoadAll - Vuurt wanneer alle dropdown opties zijn gedownload.

Component Acties

RelSelect Get Properties

Krijgt de eigenschappen van de component.

Invoerparameters :

• Component Id [string] - RelSelect component identifier;

Uitvoerparameters :

• Selected [Data Model type/ Data Model Array type] - geselecteerde optie(s). Wordt alleen getoond in het bedrijfsproces wanneer Component ID is opgegeven.
• Data [Data Model Array type] - array van gegevensmodelelementen die moeten worden gebruikt. Beschikbaar in het bedrijfsproces wanneer alleen Component ID is gespecificeerd.
• Label [string] - label van de component;
• Placeholder [string] - plaatshouder van de component;
• Allow Clear [boolean] - maakt het mogelijk de selectie te wissen indien waar;
• Disable [boolean] - schakelt component uit indien waar;
• Tooltip [string] - tooltip string;
• Required Mark [boolean] - toont verplichte markering indien waar;
• Debounce (ms) [integer] - vertraging om de waarde te valideren;
• Validate Icon [boolean] - icoon dat getoond moet worden bij het valideren van de waarde;
• Validate Status [Status type] - status die getoond moet worden bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde.

RelSelect Set Properties

Stelt de eigenschappen van de component in.

Invoer parameters:

• Component Id [string] - RelSelect identifier van de component;
• Label [string] - label van de component;
• Placeholder [string] - plaatshouder van de component;
• Allow Clear [boolean] - laat toe de selectie te wissen indien waar;
• Disable [boolean] - deactiveert component indien waar;
• Tooltip [string] - tooltip string;
• Required Mark [boolean] - toont verplichte markering indien waar;
• Debounce (ms) [integer] - vertraging om de waarde te valideren;
• Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
• Validate Status [Status type] - status die getoond moet worden bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde.

RelSelect Update Properties

Werkt de eigenschappen van de component bij.

Invoerparameters :

• Selected [Data Model type/ Data Model Array type] - geselecteerde optie(s). Wordt getoond in het bedrijfsproces wanneer Component ID alleen is gespecificeerd.
• Data [Data Model Array type] - array van te gebruiken Data Model elementen. Beschikbaar in het bedrijfsproces wanneer Component ID alleen is gespecificeerd.
• Component Id [string] - RelSelect component's identifier;
• Label [string] - label van de component;
• Placeholder [string] - plaatshouder van de component;
• Allow Clear [boolean] - staat het wissen van de selectie toe indien waar;
• Disable [boolean] - schakelt component uit indien waar;
• Tooltip [string] - tooltip string;
• Required Mark [boolean] - toont verplichte markering indien waar;
• Debounce (ms) [integer] - vertraging om de waarde te valideren;
• Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
• Validate Status [Status type] - status die getoond moet worden bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde.

Gebruiksvoorbeeld

De dropdown opties moeten van de server worden gedownload om ze te kunnen zien.

De logica moet als volgt zijn:

1.Haal de Data Model Array(Server request GET ) op bij het RelSelect bij het aanmaken van de component (onCreate).

2.Update de dropdown gegevens (RelSelect Update Properties)