Extension de la couche de données client Adobe extending-acdl
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 example
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.