Il y a quatre éléments conçus pour être sélectionnés par l'utilisateur dans la liste en AppMaster:

  • Sélectionnez
  • Dropdown
  • Sélectionner (enum)
  • Re-sélectionner

Ces éléments se trouvent dans le concepteur d'applications Web :

Elements in the web application designer

Select

Cet élément est conçu pour sélectionner dans une liste statique d'options définies dans l'éditeur.

Après avoir déplacé l'élément Select sur le canevas, une fenêtre contextuelle s'affiche, dans laquelle vous pouvez choisir si select doit prendre une ou plusieurs valeurs.

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

Pour ajouter et modifier les options de sélection, cliquez sur l'élément, puis allez dans l'onglet Option onglet.

Dropdown est similaire à Selectmais il ne sauvegarde pas la valeur sélectionnée. Dropdown démarre souvent une BP lorsque vous cliquez sur l'une des options.

Pour ajouter et modifier des options à sélectionner, cliquez sur l'élément, puis allez dans l'onglet Option onglet.

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

Select (enum)

Select (enum) est utilisé pour sélectionner une valeur dans un enum. Lorsque vous créez cet élément, une fenêtre apparaît dans laquelle vous devez sélectionner la source de données (l'un des éléments existants enum).

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

Relselect

Cet élément est utilisé pour sélectionner des valeurs à partir d'enregistrements dans la base de données. Lorsque vous le créez, vous devez choisir la source de données dans la liste des modèles. Après avoir sélectionné la source, vous pourrez sélectionner le champ à afficher.

Nous allons créer un élément RelSelect avec la source de données User et le champ Login.

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

Pour que RelSelect fonctionne, vous devez envoyer les données nécessaires en utilisant le processus de gestion.

Le BP doit recevoir les données à l'aide du bloc GET et les transmettre à RelSelect, à l'aide du RelSelect Update Properties bloc.

Chargeons tous les administrateurs de l'application dans le fichier RelSelect. Utiliser le bloc Server Request GET /user/ bloc. Définissez la valeur par défaut du champ de saisie groups à admin. Ainsi, dans le champ de données de sortie, nous obtiendrons uniquement les utilisateurs du groupe Admin groupe. Passez ces données à RelSelect Update Properties.

Pour qu'un champ de données apparaisse sur le site RelSelect Update Properties, indiquez un Component ID.

Maintenant, RelSelect affichera les logins de tous les administrateurs de l'application.

La sélection effectuée par l'utilisateur pourra être utilisée ultérieurement dans la BP. Il existe un champ selected à cet effet. Il stocke les valeurs sélectionnées.

Supposons que nous ayons un task modèle de données associé aux utilisateurs. Avec RelSelectnous pouvons afficher uniquement les tasks liées à l'utilisateur sélectionné.

Ajoutons la table task à la page et retournons à la BP configurée pour les utilisateurs. RelSelect.

Créez une autre BP dans celle-ci pour le déclencheur onChange qui mettra à jour les données de la table en fonction de la sélection effectuée dans le champ RelSelect.

Avec le bloc RelSelect Get Properties nous obtenons l'utilisateur sélectionné.

Développez-le avec Expand Useret passez son ID au bloc Server Request GET /task/ et passe les données au bloc Table Update Data.

Display only those tasks related to the selected user

Lorsque vous sélectionnez un utilisateur dans RelSelectla table des tâches affiche les enregistrements associés à l'utilisateur sélectionné.

Was this article helpful?

AppMaster.io 101 Cours accéléré

10 Modules
2 Semaines

Vous ne savez pas par où commencer ? Lancez-vous avec notre cours accéléré pour débutants et explorez AppMaster de A à Z.

Début du cours
Development it’s so easy with AppMaster!

Besoin d'aide?

Résolvez n'importe quel problème avec l'aide de nos experts. Gagnez du temps et concentrez-vous sur la création de vos applications.

headphones

Contactez le support

Parlez-nous de votre problème et nous vous trouverons une solution.

message

Chat communautaire

Discutez de questions avec d'autres utilisateurs dans notre chat.

Rejoindre la Communauté