Informations générales

Modal Lesfenêtres sont des éléments d'interface qui s'ouvrent sur la page en cours. Elles sont également appelées popups.

Pour créer une nouvelle fenêtremodal , faites-la glisser depuis le panneau des widgets.

Une fenêtre modale peut être placée dans deux zones du canevas :

  1. Page components;
  2. App components;

Dans Page componentsil est préférable de placer des fenêtres modales liées à une page spécifique.

Dans App componentson place les fenêtres modal qui s'appliquent à l'ensemble de l'application.

La fenêtre modal peut contenir les mêmes widgets qu'une page ordinaire.

Le processus métier peut être lié à la fenêtre modal sous l'onglet "workflow". Les déclencheurs suivants peuvent être utilisés pour cela :

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

Deux blocs dans la BP peuvent être utilisés pour contrôler les fenêtres modales :

  • Show modal pour ouvrir la fenêtre modale
  • Hide modal pour fermer la fenêtre modal .

Comment travailler avec les fenêtres modal

Ajoutez une fenêtre modal à la section Page components section.

Placez une button sur le canevas de la page.

Pour la section buttonun processus d'entreprise est configuré sur le OnClick déclencheur. Le BP ne contiendra qu'un seul bloc : Show Modal.

Dans le bloc Show modal définissez le paramètre d'entrée Component ID et sélectionnez le nom de la modal fenêtre.

Placez maintenant un autre bouton, mais dans une fenêtre modale.

Une BP similaire est configurée pour ce bouton, mais le bouton Hide modal est utilisé à la place du bloc Show modal bloc.

Vous pouvez maintenant ouvrir et fermer la fenêtre modale.

La fenêtre modal est une fonction très utile. Par exemple, il est pratique de placer la fonctionnalité d'ajout d'enregistrements.

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é