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
