Script côté client sur Dynamics 365 avec Model Driven App

Cet article examinera la mise en œuvre de scripts côté client sur Microsoft Dynamics 365 à l’aide d’une approche basée sur un modèle, qui offre des avantages supplémentaires au niveau de l’interface utilisateur et nous permet d’accéder facilement aux propriétés de l’interface utilisateur du formulaire telles que les onglets, les sections, les champs et l’accès, la sécurité. rôle, validations complexes, etc.

Donc, ici, dans Dynamics 365, j’ai créé une table personnalisée nommée « Client » et configuré un formulaire nommé « Information ».

Comme vous pouvez le voir dans le formulaire, j’ai ajouté trois onglets, et vous pouvez voir dans les propriétés de l’onglet 1 que « Développer l’onglet par défaut » est coché, donc lorsque ce formulaire se charge dans le navigateur, le focus sera défini sur l’onglet 1 seulement. (Fonctionnalité par défaut du formulaire basé sur un modèle).

Si nous voulons faire de l’onglet 3 le focus par défaut, nous devons effectuer une personnalisation côté client, ce qui peut être fait dans une ressource Web avec JavaScript.

Suivez-moi pendant que je passe en revue les étapes suivantes.

Étape 1 : Créez une ressource Web dans votre solution.

Étape 2 : Sélectionnez le fichier JavaScript, donnez-lui un nom d’affichage complet et sélectionnez le type JavaScript.

Étape 3 : Ci-dessous, un extrait de code de la fonction JavaScript simple et fourni « executionContext » en tant que paramètre.

Remarque : Le contexte d’exécution définit le contexte d’événement dans lequel votre code s’exécute. Le contexte d’exécution est transmis lorsqu’un événement se produit sur un formulaire ou une grille, que vous pouvez utiliser dans votre gestionnaire d’événements pour effectuer diverses tâches telles que déterminer formContext ou gridContext, ou gérer l’événement save.

function Setdefaultfocus(executionContext)
{
     //Created object of formContext
     var formContext = executionContext.getFormContext();
     formContext.ui.tabs.get("tab3").setFocus();
}

Nous avons créé un objet executionContext dans cette fonction afin de pouvoir accéder aux propriétés de l’interface utilisateur du formulaire telles que les onglets, les sections, les champs et d’autres propriétés accessibles. Le nom de l’onglet peut être obtenu à partir des propriétés de l’onglet Formulaire et ajouté à l’aide de l’extrait de code ci-dessous.
Par exemple, ti.tabs.get (« fournir le nom de l’onglet »).

Étape 4 : Exécutez l’extrait de code sur l’événement Form.

Accédez au formulaire, cliquez sur Bibliothèques de formulaires et recherchez une ressource Web créée à l’étape 2.

Avec ce code, vous pouvez désormais définir le focus par défaut de l’onglet 1 à l’onglet 3. Lorsque le formulaire se charge ou s’actualise, la fonction JavaScript s’exécute sur l’événement load. (Voir la sortie ci-dessous)

Conclusion

Nous avons découvert les avantages des scripts côté client et comment utiliser la fonction JavaScript dans les ressources Web pour étendre les fonctionnalités basées sur les événements et améliorer l’expérience UI/UX sur Dynamics 365 Model-Driven App.