Jusqu’à présent, nous avons créé les éléments suivants :
newhire
et beneficiaries
L’étape suivante consiste à créer et configurer un formulaire adaptatif pour utiliser le modèle de données de formulaire. Pour démarrer rapidement, vous pouvez télécharger et importer exemple de formulaire. L’exemple de formulaire comporte une section pour afficher les détails de l’employé et une autre section pour répertorier les bénéficiaires de l’employé.
L’exemple de formulaire fourni avec ce cours n’est associé à aucun modèle de données de formulaire. Pour configurer le formulaire de sorte qu’il utilise le modèle de données de formulaire, procédez comme suit :
La première étape consiste à associer le service de préremplissage au formulaire. Pour associer le service de préremplissage, procédez comme suit :
Sélectionnez le formulaire FDMDemo
Cliquez sur Modifier pour ouvrir le formulaire en mode d’édition.
Sélectionnez Form Container dans la hiérarchie de contenu, puis cliquez sur l’icône en forme de clé à molette pour ouvrir sa feuille de propriétés.
Sélectionnez Service de préremplissage de modèle de données de formulaire dans la liste déroulante Service de préremplissage .
Cliquez sur bleu ☑ pour enregistrer vos modifications.
L’étape suivante consiste à lier les champs de texte du formulaire adaptatif aux éléments du modèle de données de formulaire. Vous devrez ouvrir la feuille de propriétés des champs suivants et définir son bindRef comme illustré ci-dessous.
Nom du champ | Liaison Ref |
---|---|
Prénom | /newhire/FirstName |
Nom de famille | /newhire/lastName |
N’hésitez pas à ajouter des champs de texte supplémentaires et à les lier aux éléments de modèle de données de formulaire appropriés.
L’étape suivante consiste à afficher les bénéficiaires de l’employé sous forme de tableau. L’exemple de formulaire fourni comporte un tableau de 4 colonnes et une seule ligne. Nous devons configurer la table pour qu'elle s'agrandisse en fonction du nombre de bénéficiaires.
Enfin, nous devons lier les cellules de ligne aux éléments de modèle de données de formulaire.
Cellule de ligne | Référence de liaison |
---|---|
Prénom | /newhire/GetEmployeesBénéficiaries/firstname |
Nom | /newhire/GetEmployeesBénéficiaries/lastname |
Relation | /newhire/GetemployeeBénéficiaries/relation |
Pourcentage | /newhire/GetemployeeBénéficiaries/pourcentage |
Nous devons maintenant ouvrir le formulaire avec l’empID approprié dans l’URL. Les 2 liens suivants renseigneront les formulaires avec des informations de la base de données
Formulaire avec empID=207
Formulaire avec empID=208
Mon formulaire est vide et ne contient aucune donnée.
Le tableau n’est pas renseigné