2017-05-10 1 views
0

Dans ma boîte de dialogue touch ui, j'ai un "champ de chemin d'image" et un champ de texte pour entrer dans "Alt image". Maintenant, je veux désactiver le champ alt image lorsque l'auteur n'entrera pas dans le chemin de l'image dans "champ image".Valeurs de validation des champs de dialogue AEM UI

des pointeurs seront utiles.

Répondre

1

Ceci est généralement géré avec un script côté client (Javascript) qui est déclenché chaque fois que le dialogue est rendu/chargé ou que le champ du chemin de l'image est modifié.

Vous pouvez trouver un example Javascript here, les parties concernées sont les suivantes:

$(document).on("coral-component:attached", ".core-image-decorative", function(e) { 
    toggleInputs(e.target); 
}); 

$(document).on("change", ".core-image-decorative", function(e) { 
    toggleInputs(e.target); 
}); 

C'est chargé par le following category:

jcr:primaryType="cq:ClientLibraryFolder" 
categories="[core.wcm.components.image.v1.editor]" 

Le dialog structure is here, la bibliothèque client (Javascript) est chargé via:

sling:resourceType="cq/gui/components/authoring/dialog" 
extraClientlibs="[core.wcm.components.image.v1.editor]" 
+0

Merci pour l'exemple. Est-il possible que je peux obtenir l'exemple complet montrant les champs de dialogue et où mettre ce JS? – user2581831

+0

@ user2581831, j'ai mis à jour la réponse pour inclure les parties les plus pertinentes. – Vlad