--- sourceDocument: Yokohama Créer ou modifier des applications sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development Release : - yokohama ft:locale : - fr-FR ft:publication_title : - Yokohama Créer ou modifier des applications ft:clusterId : - cadev bundleId : - cadev workflow : - Creator --- Définir des scripts clients et les lier aux composants ====================================================== Définir des scripts clients et les lier aux composants {#ariaid-title1} ======================================================================= * Rversion finale: Yokohama * * Mis à jour 30 janv. 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture Ajoutez et modifiez des scripts clients afin de Générateur d'IU pouvoir mettre à jour l'état du client via des événements. Vous pouvez lier ces scripts à n'importe quel composant à l'aide d'un gestionnaire d'événements. Avant de commencer ------------------ Rôle requis : ui_builder_admin Pourquoi et quand exécuter cette tâche -------------------------------------- Vous pouvez créer des scripts clients JavaScript à Générateur d'IU l'aide de l'éditeur Now Code. Ensuite, vous pouvez ajouter le script client en tant que [gestionnaire d'événements](https://servicenow-prod.fluidtopics.net/Xev~otlkH0vBSgsZiCDZ8Q#gloss-event-handler-ui-builder "Une action effectuée lorsqu’un événement se produit.") pour mettre à jour l'état du client, émettre un événement géré de votre page ou exécuter une opération de [ressource de données](https://servicenow-prod.fluidtopics.net/Xev~otlkH0vBSgsZiCDZ8Q#gloss-data-resource-ui-builder "Une façon dynamique et réutilisable de définir les données à extraire pour les composants d’une page.") . Par exemple, vous pouvez écrire un script pour incrémenter une date ou un compteur, et lier le script à un événement de composant, comme un clic sur un bouton. Pour plus d'informations sur Now Code Editor, reportez-vous à la section [Modifier le code avec Now Code Editor (fonctionnalité avancée)](https://servicenow-prod.fluidtopics.net/Bt8g2u_aZn6daM~WYxSGzw "Now Code Editor est une interface de type éditeur de texte enrichi qui prend en charge les feuilles de style en cascade (CSS), le langage de balisage hypertexte (HTML), JavaScript, le langage de balisage extensible (XML) et la notation d’objet JavaScript (JSON). Utilisez Éditeur de code Now pour modifier la configuration de l’interface utilisateur, la configuration des ressources de données, les styles, les événements, les scripts côté client et côté serveur dans les Next Experience composants du générateur d’IU."). Avec ces scripts, vous pouvez effectuer les actions suivantes : * Obtenez les données disponibles, manipulez-les et stockez-les dans l'état client. * Accéder aux résultats des ressources de données. * Exécuter des opérations de ressource de données. * Répartissez les événements. {#define-client-scripts__ul_vyt_2xg_d4b} Procédure --------- 1. Accédez à la ToutCadre de travail Now ExperienceGénérateur d'IU. 2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant CréerExpérience. Pour plus d'informations, consultez [Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Y1bOUW4pQdHutnAVEjdwrA "Découvrez ce qu’est une expérience dans Générateur d'IU. Comprendre le contenu d’une expérience."). 3. Ouvrez ou créez une page. Pour plus d'informations sur la création d'une page dans Générateur d'IU, consultez [Créer une page dans le générateur d'IU](https://servicenow-prod.fluidtopics.net/7FlPZg9EshuX4KGkHUH3Ew "Créez une page Générateur d'IU pour un portail, un espace de travail ou une application personnalisée afin de créer une expérience Web pour vos utilisateurs."). 4. **Facultatif :** Si vous n'avez aucun composant sur votre page, ajoutez-en un à votre page. Par exemple, vous pouvez ajouter un composant En-tête. Pour plus d'informations, consultez [Ajouter et configurer des composants](https://servicenow-prod.fluidtopics.net/n3~Oe6m5E9q11DW86sXzOA#add-components "Découvrez comment ajouter des composants à votre page dans Générateur d'IU. Une page est créée en ajoutant des composants."). 5. Sélectionnez + en regard de Scripts clients. 6. Nommez votre script. Un nom descriptif vous aide à savoir ce que fait le script. Il est également plus facile de retrouver le script ultérieurement lorsque vous l'ajoutez à un gestionnaire d'événements. L'exemple suivant montre un script client de date simple. 7. Écrivez votre script pour effectuer une action. Par exemple, vous pouvez écrire un script de date simple que vous liez à un composant. 8. **Facultatif :** Ajouter un include de script ou des composants associés, qui s'affichent dans le paramètre `d'importation` de votre fonction de script client. 9. Sélectionnez le composant de votre page auquel vous souhaitez lier le script, puis sélectionnez Événements. 10. Sélectionnez +Ajouter un nouveau gestionnaire d'événements, sélectionnez le script que vous avez créé sous Scripts, puis sélectionnez Ajouter. L'exemple suivant montre un script client de date. 11. Sélectionnez Enregistrer. 12. Pour prévisualiser votre composant scripté, sélectionnez ![le bouton Aperçu qui ouvre la variante de page.]()