Extension de la couche de données client Adobe

Vous pouvez étendre les composants principaux avec des options de boîte de dialogue personnalisées qui permettent aux auteurs de contenu de saisir des informations supplémentaires relatives à la couche de données.

Pour inclure ces champs dans la couche de données fournie par les composants principaux, vous devez étendre le modèle du composant qui implémente ses propres méthodes de couche de données spécifiques.

Exemple : composant de titre

Un composant principal, comme le composant Titre, étend le composant qui possède une méthode getData qui, par défaut, renvoie ComponentData.

ComponentData sérialise les champs prédéfinis que votre composant peut implémenter, comme getDataLayerLinkUrl et getDataLayerTitle pour le TitleImpl.

Par conséquent, votre modèle Sling personnalisé peut comporter une méthode getData qui renvoie un objet qui étend ComponentData de façon à renvoyer davantage de champs.

Cela permet d’ajouter un attribut data-cmp-data-layer à l’élément HTML de votre composant avec le JSON des données qui seront renseignées dans la couche de données. À ce stade, vous pouvez implémenter des scripts qui écoutent ces données ou les événements associés.