데이터 속성을 사용하여 PreFill HTML5 Forms

AEM Forms을 사용하여 HTML 형식으로 렌더링된 XDP 템플릿을 HTML 5 또는 모바일 Forms라고 합니다. 일반적인 사용 사례는 이러한 양식을 렌더링할 때 미리 채우는 것입니다.

데이터를 HTML으로 렌더링할 때 xdp 템플릿과 데이터를 병합하는 방법에는 두 가지가 있습니다.

dataRef: URL에서 dataRef 매개 변수를 사용할 수 있습니다. 이 매개 변수는 템플릿과 병합되는 데이터 파일의 절대 경로를 지정합니다. 이 매개 변수는 XML 형식으로 데이터를 반환하는 rest 서비스의 URL일 수 있습니다.

데이터: 이 매개 변수는 템플릿과 병합되는 UTF-8 인코딩 데이터 바이트를 지정합니다. 이 매개 변수를 지정하면 HTML5 양식에서 dataRef 매개 변수를 무시합니다. 가장 좋은 방법은 데이터 접근 방식을 사용하는 것입니다.

권장 접근 방법은 요청에 있는 데이터 속성을 을 로 미리 채울 데이터로 설정하는 것입니다.

slingRequest.setAttribute("data", content);

이 예에서는 컨텐츠가 있는 데이터 속성을 설정합니다. 콘텐츠는 양식을 미리 채울 데이터를 나타냅니다. 일반적으로 내부 서비스에 REST 호출을 수행하여 "콘텐츠"를 가져옵니다.

이 사용 사례를 실현하려면 사용자 지정 프로필을 만들어야 합니다. 사용자 지정 프로필 만들기에 대한 세부 사항은 아래에 명확히 설명되어 있습니다. AEM Forms 설명서 여기.

사용자 정의 프로파일을 생성한 후에는 백엔드 시스템을 호출하여 데이터를 가져오는 JSP 파일을 생성합니다. 데이터를 가져오면 slingRequest.setAttribute("data", content); 양식을 미리 채우려면

XDP가 렌더링될 때 일부 매개 변수를 xdp에 전달하고 백엔드 시스템에서 데이터를 가져올 수 있는 매개 변수의 값을 기반으로 데이터를 전달할 수도 있습니다.

예를 들어 이 url에는 이름 매개 변수가 있습니다

작성한 JSP는 request.getParameter("name") 를 통해 이름 매개 변수에 액세스할 수 있습니다. 그런 다음 이 매개 변수의 값을 백엔드 프로세스에 전달하여 필요한 데이터를 가져올 수 있습니다.
시스템에서 이 기능을 사용하려면 아래 설명된 단계를 따르십시오.

노트

workbench 프로세스를 호출하여 양식을 채우려면 setdata.jsp 대신 /apps/AEMFormsDemoListings/customprofiles/PrepopulateForm/html.jsp에 callWorkbenchProcess.jsp를 포함할 수 있습니다

이 페이지에서는