Er zijn vier elementen ontworpen voor selectie door de gebruiker uit de lijst in AppMaster:

  • Selecteer
  • Dropdown
  • Selecteren (enum)
  • Relselect

Deze elementen in de ontwerper van de webtoepassing:

Elements in the web application designer

Select

Dit element is bedoeld om te selecteren uit een statische lijst met opties die in de editor zijn ingesteld.

Na het verplaatsen van het Select element naar het canvas verplaatst, verschijnt een pop-up venster, waarin u kunt kiezen of selecteren één waarde of meerdere zal aannemen.

This element is designed to select from a static list of options set in the editor.

Om opties aan select toe te voegen en te bewerken, klikt u op het element en gaat u naar de Option tabblad.

Dropdown is vergelijkbaar met Select, maar het slaat de geselecteerde waarde niet op. Dropdown start vaak wat BP wanneer u op een van de opties klikt.

Om opties toe te voegen en te bewerken om te selecteren, klikt u op het element en gaat u naar de Option tabblad.

 Dropdown often starts some BP when you click on one of the

Select (enum)

Select (enum) wordt gebruikt om een waarde te selecteren uit een enum. Wanneer u dit element maakt, verschijnt een venster waarin u de gegevensbron moet selecteren (een van de bestaande enum).

Select (enum) is used to select a value from an enum

Relselect

Dit element wordt gebruikt om waarden te selecteren uit records in de database. Wanneer u het maakt, moet u de gegevensbron kiezen uit de lijst met modellen. Na het selecteren van de bron kunt u het veld selecteren dat moet worden weergegeven.

Laten we een RelSelect met de gegevensbron User en het veld Login.

Let's create a RelSelect with the data source User and the field Login.

Om RelSelect te werken, moet u de nodige gegevens verzenden met behulp van het bedrijfsproces.

Het BP moet gegevens ontvangen met behulp van het GET blok en deze doorgeven aan RelSelect, met behulp van het RelSelect Update Properties blok.

Laten we alle beheerders van de applicatie laden in RelSelect. Het Server Request GET /user/ blok. Stel de standaardwaarde van het invoerveld groups naar admin. Dus in het uitvoergegevensveld krijgen we alleen de gebruikers uit de Admin groep. Geef deze gegevens door aan RelSelect Update Properties.

Om een gegevensveld te laten verschijnen in de RelSelect Update Properties, specificeert u een Component ID.

Nu, RelSelect worden de logins van alle applicatiebeheerders weergegeven.

De door de gebruiker gemaakte selectie kan later worden gebruikt in de BP. Er is een veld selected voor dit doel. Het slaat de geselecteerde waarden op.

Stel dat we een task datamodel geassocieerd met gebruikers. Met RelSelectkunnen we alleen diegene weergeven die tasks gerelateerd aan de geselecteerde gebruiker.

Laten we de task tabel toevoegen aan de pagina en terugkeren naar de BP geconfigureerd voor RelSelect.

Maak daarin een andere BP aan voor de onChange trigger, die de gegevens in de tabel zal bijwerken naar aanleiding van de selectie in RelSelect.

Met het RelSelect Get Properties blok krijgen we de geselecteerde gebruiker.

Breid het uit met Expand User, geef zijn ID aan het blok Server Request GET /task/ en geef de gegevens door aan het blok Table Update Data.

Display only those tasks related to the selected user

Bij het selecteren van een gebruiker in RelSelect, zal de taak tabel de records geassocieerd met de geselecteerde gebruiker weergeven.

Was this article helpful?

AppMaster.io 101 Spoedcursus

10 modules
2 weken

Weet je niet waar je moet beginnen? Ga aan de slag met onze spoedcursus voor beginners en verken AppMaster van A tot Z.

Start cursus
Development it’s so easy with AppMaster!

Meer hulp nodig?

Los elk probleem op met de hulp van onze experts. Bespaar tijd en focus op het bouwen van uw applicaties.

headphones

Contact opnemen met ondersteuning

Vertel ons over uw probleem, en we zullen een oplossing voor u vinden.

message

Community-chat

Bespreek vragen met andere gebruikers in onze chat.

Word lid van de community