데이터를 구성요소에 연결

로컬 데이터 자원에 의해 노출되는 데이터를 페이지의 구성요소에 바인딩합니다 UI 빌더 .

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

데이터 바인딩은 정보를 표시하는 UI 요소와 데이터를 연결하는 프로세스입니다. 데이터를 구성요소에 바인딩하기 전에 페이지에 데이터 리소스를 추가해야 합니다 UI 빌더 . 자세한 내용은 을 참조하십시오 페이지에 데이터 자원 추가 및 구성 .

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
2. 를 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성 > 경험.
   경험 생성에 대한 자세한 내용은 을 참조하십시오 에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 UI 빌더 .
3. 페이지를 만들거나 엽니다.
4. 페이지에 데이터 자원을 추가합니다.
   자세한 내용은 페이지에 데이터 자원 추가 및 구성 문서를 참조하십시오.
5. 페이지에 구성요소를 추가합니다.
   페이지에 구성요소가 있어야 데이터 자원을 바인딩할 수 있습니다. 자세한 내용은 구성요소를 사용하여 페이지 사용자 지정 UI 빌더 문서를 참조하십시오.
6. 의 UI 빌더구성 패널에서 구성 탭을 선택합니다.
7. 데이터를 바인딩할 필드를 가리키고 동적 데이터 바인딩 아이콘( )을 선택합니다.
   
   데이터 바인딩 모달이 나타납니다.

   

8. 데이터 유형 탭에서 데이터 자원을 선택합니다.
9. 구성요소에 바인딩할 데이터 자원을 선택합니다.
   
10. 구성요소에 바인딩할 데이터를 선택하여 위의 필드로 끌어 옵니다.

    특정 속성 값이나 표시 값에 도달하기 위해 여러 알약을 선택해야 할 수 있습니다.

    
11. 적용을 선택합니다.

    구성요소는 선택한 속성 값 또는 표시 값을 표시합니다.

    
12. 헤더에서 UI 빌더저장을 선택합니다.