Selecteer

Oorspronkelijke instellingen

Mode - kies Multiple om meerdere opties te kunnen selecteren in de dropdown. Anders moet Enkelvoudige 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.

Opties

Selecteer Opties kunnen vooraf worden gedefinieerd in de componentinstellingen.

Workflow triggers

• onChange - vuurt wanneer de dropdown optie wordt gewijzigd.
• onFocus - Vuurt als de Select-component wordt aangesproken.
• onBlur - vuurt wanneer de component Select wordt vervaagd.
• onCreate - Vuurt wanneer de component wordt aangemaakt.
• onDestroy - Vuurt wanneer de component wordt getoond.

Component Acties

Select Get Properties

Haalt de eigenschappen van de component op.

Invoerparameters :

• Component Id [string] - Identifier van de component Select;

Uitvoerparameters :

• Label [string] - label van de component;
• Placeholder [string] - de 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;
• Options [Select Option array] - een array van voorgedefinieerde keuzeopties;
• Selected [Select Option array] - een array van geselecteerde opties of alleen een array met één element in het geval van Single Mode;
• Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
• Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Select Set Properties

Stelt de eigenschappen van de component in.

Invoerparameters :

• Component Id [string] - Selecteer de identifier van de component;
• 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;
• Options [Select Option array] - een array van voorgedefinieerde selectie opties;
• Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
• Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Selecteer Eigenschappen bijwerken

Werkt de eigenschappen van de component bij.

Invoer parameters:

• Component Id [string] - Identificatiecode van de component selecteren;
• 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;
• Options [Select Option array] - een array van voorgedefinieerde selectie opties;
• Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
• Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
• Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Make Select Option

Stelt Select Option model samen met de gegeven velden.

Invoer parameters:

• ID [integer] - Selecteer optie ID;
• Label [string] - Label van de optie;
• Value [integer] - Bestelwaarde van de optie in de keuzelijst;
• Icon [string] - pictogram dat moet worden gebruikt in het item Keuzeoptie;
• Disabled [boolean] - schakelt de Selecteer optie uit indien waar;

Uitvoerparameters :

• Select Option [Select Option] - Selecteer Optie model;

Expand Select Option

Breidt Select Option model uit.

Invoerparameters :

• Select Option [Select Option] - Selecteer Optie model;

Uitvoerparameters :

• ID [integer] - Selecteer Optie ID;
• Label [string] - Selecteer het label van de optie;
• Value [integer] - Bestelwaarde van de optie in de vervolgkeuzelijst;
• Icon [string] - pictogram dat in het item Keuzeoptie moet worden gebruikt;
• Disabled [boolean] - deactiveert de Selecteeroptie indien waar;

Gebruiksvoorbeeld

Het is mogelijk om nieuwe Select Option items samen te stellen en toe te voegen aan de dropdown lijst via frontend business processen.

De logica moet als volgt zijn:

• Stel een nieuw Selecteer optie item samen met gespecificeerde velden (Make Select Option)

• Verkrijg de bestaande Select Option items array (Select Get Properties) en voeg deze samen met het eerder gemaakte Select Option item (Append Array)

• Update Selecteeroptie-items array (Select Update Properties) voor het gespecificeerde Selecteer component