Aller au contenu principal
Version: 20 R6

Objets de formulaire

Vous créez et personnalisez les formulaires de votre application en manipulant les objets qu'ils contiennent. Vous pouvez ajouter des objets, repositionner des objets, définir des propriétés d'objets, appliquer des règles métier en spécifiant des contraintes de saisie de données ou écrire des méthodes objet qui s'exécutent automatiquement lorsque l'objet est utilisé.

Objets actifs et statiques

Les formulaires 4D prennent en charge un grand nombre d'objets actifs et statiques intégrés :

  • Les objets actifs réalisent une tâche ou une fonction de l’interface. Les champs sont des objets actifs. Les autres objets actifs — objets saisissables (variables), combo box, listes déroulantes, boutons image, etc. — stockent des données temporairement en mémoire ou effectuent une tâche telle que l'ouverture d'une boite de dialogue, l'impression d'un état ou le lancement d'un processus d'arrière-plan.
  • Les objets statiques sont généralement utilisés pour le décor, les libellés ou encore l'interface graphique du formulaire. A la différence des objets actifs, les objets statiques ne sont pas associés à des variables. A noter qu'il est possible d'insérer des éléments dynamiques dans les objets statiques.

Gérer les objets de formulaire

Vous pouvez ajouter des objets dans un formulaire de nombreuses manières :

  • Éditeur de formulaire : en glissant un objet de la barre d'outils de l'éditeur de formulaire vers le formulaire. Utilisez ensuite la liste de propriétés pour indiquer les propriétés de l'objet.

  • 4D language: Commands from the Objects (Forms) theme such as OBJECT DUPLICATE or OBJECT SET FONT STYLE allow to create and define form objects.

  • Code JSON dans les formulaires dynamiques : Définissez les propriétés à l'aide du JSON. Utilisez la propriété type pour définir le type d'objet puis indiquez ses propriétés disponibles. Exemple d'un objet bouton :

	{
"type": "button",
"style": "bevel",
"text": "OK",
"action": "Cancel",
"left": 60,
"top": 160,
"width": 100,
"height": 20
}