구성요소 빌더에서 상속된 컨트롤러로 구성요소 구성 활성화

구성요소가 페이지 자원을 상속할 수 있는 방법에 대해 알아봅니다.

구성요소 빌더를 사용하여 개발자는 구성요소 내에서 직접 또는 페이지에서 상속을 통해 두 가지 방법으로 데이터 자원을 추가합니다.

직접 구성

데이터 자원을 구성요소에 직접 추가하면 해당 구성요소 내에 포함된 상태로 유지됩니다. 이러한 내부 데이터 자원은 구성요소가 페이지에 배치되면 표시되지 않거나 액세스할 수 없습니다.

상속

구성요소가 있는 페이지에서 데이터 자원을 상속하도록 구성요소를 구성할 수 있습니다. 상속이 활성화되면 구성요소가 동일한 유형의 데이터 자원을 스캔하고 자동으로 연결합니다. 예를 들어 양식 컨트롤러를 상속하도록 구성된 구성요소는 페이지에서 양식 컨트롤러를 찾습니다. 이를 통해 구성요소를 여러 페이지 컨텍스트에서 사용할 수 있으며 매번 수동 구성 없이 기존 데이터 자원을 활용할 수 있습니다.

상속을 위해 구성된 구성요소를 페이지에 배치하면 상속 동작이 다음과 같이 작동합니다.

일치하는 자원을 찾음	동작
일치 항목 없음	구성요소의 초기 구성을 사용하여 동일한 유형의 새 자원을 작성합니다.
하나	해당 자원에 연결
다중	해당 자원의 첫 번째 인스턴스에 연결

상속된 컨트롤러로 구성요소 구성 활성화

페이지에 배치될 때 컨트롤러와 데이터 자원을 자동으로 상속하도록 구성요소를 구성합니다.

시작하기 전에

필요한 역할: ui_builder_admin

이 태스크 정보

이 구성요소 빌더 예에서는 텍스트 구성요소를 생성하고 목록 컨트롤러를 상속하도록 구성합니다. 그런 다음 구성요소가 목록 컨트롤러에 연결되고 적절한 테이블 이름을 표시하는 목록 페이지에 배치합니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
2. 홈페이지에서 만들기 를 UI 빌더 선택합니다.
   
3. 구성요소를 선택합니다.
4. 양식에서 다음 값을 입력합니다.

   표 1. 구성요소 속성

   필드	값
   이름	테이블 참조
   범주	컨텐츠
   설명	현재 페이지 테이블의 이름을 표시하는 텍스트 구성요소
   아이콘	(기본값)

5. 생성을 선택합니다.
6. 구성요소에 데이터 자원을 추가합니다.
   1. 데이터 리소스 서랍에서 + 데이터 리소스 추가를 선택합니다.
   2. 왼쪽에서 목록 컨트롤러를 선택합니다.
   3. 오른쪽에서 고급 구성을 선택하여 섹션을 확장합니다.
   4. 속성을 활성화하려면 상위에서 구성 상속 옵션을 선택합니다.
   5. 추가를 선택합니다.
   
7. 구성요소를 생성합니다.
   1. 콘텐츠 트리에서 + 콘텐츠 추가를 선택합니다.
   2. 단일 열을 선택한 다음 추가를 선택합니다.
   3. 콘텐츠 트리의 열 1에서 + 콘텐츠 추가를 선택합니다.
   4. 스타일 텍스트를 선택한 다음 추가를 선택합니다.
   5. 취소를 선택하여 사전 설정 창을 닫습니다.
8. 목록 컨트롤러를 사용하도록 구성요소를 구성합니다.
   1. 구성 패널에서 텍스트 위에 마우스를 대고 데이터 바인딩 아이콘을 선택합니다.
   2. 왼쪽에서 수식 탭을 선택한 다음 CONCAT 를 두 번 클릭합니다.
   3. 상단 섹션에서 value1 을 두 번 클릭하여 필드를 편집하고 "기록을 표시하는 목록"을 입력합니다.
   4. 값을 두 번 클릭하여 필드를 편집하고 @data.list_controller_1.tableLabel을 입력합니다.
   5. 적용을 선택합니다.
9. 저장을 선택하여 작업을 저장합니다.
   이제 사용자 지정 구성요소를 도구 상자에서 사용할 수 있으며 페이지에서 사용할 준비가 되었습니다.
10. 목록 페이지에 구성요소를 배치하여 자동으로 목록 컨트롤러를 상속하고 테이블 이름을 표시하는 것을 확인합니다.