터치 UI에서 AEM 대화 상자 유효성 확인

Question

내 터치 UI 대화 상자에서 "이미지 경로 필드"와 "Alt 이미지"를 입력하기위한 텍스트 필드가 있습니다. 이제 저자가 "이미지 필드"에 이미지 경로를 입력하지 않을 때 alt 이미지 필드를 비활성화하려고합니다.

모든 포인터가 도움이 될 것입니다.

Answer 1

일반적으로 대화 상자가 렌더링 /로드되거나 이미지 경로 필드가 변경 될 때마다 트리거되는 클라이언트 쪽 스크립트 (자바 스크립트)로 처리됩니다.

당신은 example Javascript here을 찾을 수 있습니다, 관련 부분은 다음과 같습니다

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

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

이

은 following category를 통해로드 :

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

dialog structure is here, 클라이언트 라이브러리 (자바 스크립트)를 통해로드 :

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