이벤트를 데이터 자원에 바인딩

페이지의 개별 데이터 자원에 이벤트 핸들러 UI 빌더 를 할당합니다. 데이터 자원이 새 데이터를 성공적으로 가져오면 이벤트 핸들러를 실행하여 사용자를 플로우의 다음 단계로 안내합니다.

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

이벤트를 데이터 자원에 바인딩하여 페이지에서 데이터 관련 작업을 수행합니다. 예를 들어, 데이터가 처음 로드되지 않는 경우 페이지에 데이터를 다시 로드하는 버튼을 추가할 수 있습니다. 데이터 자원 이벤트를 설정하여 페이지의 백그라운드에서 데이터를 다시 로드할 수도 있습니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
2. 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성 > 경험.
   자세한 내용은 에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 UI 빌더 문서를 참조하십시오.
3. 페이지를 만들거나 엽니다.
   에서 페이지를 UI 빌더생성하는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 만들기를 참조하십시오.
4. 옵션: 페이지에 구성요소가 없으면 페이지에 구성요소를 추가합니다.
   자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
5. 페이지에 데이터 자원을 추가합니다.
   자세한 내용은 페이지에 데이터 자원 추가 및 구성 문서를 참조하십시오.
6. 데이터 자원 인스턴스를 선택합니다.
   
7. 데이터 자원에 이벤트 핸들러를 추가하려면 데이터 자원의 구성 패널에서 이벤트 탭을 선택합니다.

   데이터 자원에 이벤트 핸들러를 추가하여 작업 시작됨, 작업 성공 및 작업 실패에 대한 작업을 처리할 수 있습니다.

   
8. 이벤트 매핑 추가를 선택합니다.
9. 목록에서 이벤트를 선택합니다.
   
10. 계속을 선택합니다.
11. 목록에서 이벤트 핸들러를 선택합니다.
    
12. 계속을 선택합니다.
13. 이벤트 핸들러에 필요한 정보를 입력합니다.
    구성은 선택한 이벤트 핸들러에 따라 달라집니다.
14. 추가를 선택합니다.
15. 저장을 선택합니다.
16. 페이지를 미리 보고 설정한 데이터 자원 이벤트를 테스트하려면 헤더에서 선택합니다.UI 빌더

• 이벤트를 다른 페이지에 연결
  이벤트 작업이 다른 페이지를 열 수 있도록 대상 UI 빌더 이벤트 핸들러에 대한 링크를 추가합니다. 원하는 페이지로 가는 앱 경로를 따르도록 이벤트 핸들러를 구성할 수도 있습니다.