페이지에 엔터티 뷰 작업 매퍼 데이터 자원 추가Add an Entity View Action Mapper data resource to a page

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기4분
  • 구성요소의 데이터 소스가 카드와 목록에 표시되는 방식을 표준화할 수 있도록 페이지에 UI 빌더 EVAM(엔터티 뷰 작업 매퍼) 데이터 자원을 추가합니다.

    시작하기 전에

    필요한 역할: ui_builder_admin

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
    2. 작업할 경험을 열거나 다음을 선택하여 경험을 생성합니다. 작성 > 경험.
      경험 생성에 대한 자세한 내용은 을 참조하십시오 다음에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 UI 빌더 .
    3. 페이지를 열거나 만듭니다.
      자세한 내용은 페이지 및 페이지 변형 관리 UI 빌더 문서를 참조하십시오.
    4. 옵션: 페이지에 구성요소가 없는 경우 페이지에 데이터 세트 구성요소를 추가합니다.
      자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
    5. 데이터 및 스크립트 패널에서 + 아이콘을 선택한 다음, 데이터 리소스를 선택합니다.
      데이터 자원 옵션을 가리키는 화살표입니다.
    6. 검색 필드에 evam 을 입력합니다.
    7. 추가할 EVAM 데이터 자원을 선택하고 페이지의 모든 EVAM 데이터 자원에 대해 이 단계를 반복합니다.
      EVAM 데이터 자원입니다.
    8. 각 EVAM 데이터 자원을 구성합니다.
      표 1. EVAM 데이터 소스
      EVAM 데이터 소스 설명
      EVAM 데이터 자원 데이터 소스에 대한 EVAM 정의 및 기타 정보를 추가합니다.
      • 유형: 복합.
      • 평가 시기: 이 데이터 자원을 평가할 시기 목록에서 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 시를 선택하고, 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시만을 선택하십시오.
      • EVAM 정의: EVAM 정의 필드에서 데이터 자원과 연결된 EVAM 정의 기록을 추가합니다.
      • 페이지 커서: 페이지 커서 필드에서 EVAM 정의에 대한 페이지 커서를 추가합니다.
      • 페이지 크기: 페이지 크기 필드에서 EVAM 페이지 매김의 크기를 추가합니다.
      • 페이지 번호: 페이지 번호 필드에 EVAM 페이지 매김용 페이지 번호를 추가합니다.
      • EVAM 필터 기본 설정: EVAM 필터 기본 설정 필드에서 EVAM 데이터 필터에 대한 sys_ids 추가합니다.

      데이터 가져오기가 시작, 성공 또는 실패하는 시기에 대한 이벤트 처리기를 추가하려면 이벤트를 선택합니다.

      구성 창 옆에 있는 Now 코드 편집기 섹션에서 EVAM 정의 스크립트를 미리 봅니다.

      그림 1. EVAM 데이터 자원 구성
      EVAM 데이터 자원 구성입니다.
      EVAM 데이터 가져오기 데이터 소스에 대한 EVAM 정의 및 기타 정보를 추가하려면 구성을 선택합니다.
      • 형식: GRAPHQL.
      • 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 시를 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시만을 선택하십시오.
      • EVAM 정의: EVAM 정의 필드에서 데이터 자원과 연결된 EVAM 정의 기록을 추가합니다.
      • 페이지 커서: 페이지 커서 필드에서 EVAM 정의에 대한 페이지 커서를 추가합니다.
      • 페이지 크기: 페이지 크기 필드에서 EVAM 페이지 매김의 크기를 추가합니다.
      • 페이지 번호: 페이지 번호 필드에 EVAM 페이지 매김용 페이지 번호를 추가합니다.
      • EVAM 필터 기본 설정: EVAM 필터 기본 설정 필드에서 EVAM 데이터 필터에 대한 sys_ids 추가합니다.

      데이터 가져오기가 시작, 성공 또는 실패하는 시기에 대한 이벤트 처리기를 추가하려면 이벤트를 선택합니다.

      구성 창의 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다.

      EVAM 데이터 소스 구성을 가져옵니다.

      EVAM 메타데이터 가져오기 EVAM 데이터 자원을 평가할 시기를 선택하고 EVAM 정의를 추가하려면 구성을 선택합니다.
      • 형식: GRAPHQL.
      • 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 시를 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시만을 선택하십시오.
      • EVAM 정의: EVAM 정의 필드에서 데이터 자원과 연결된 EVAM 정의 기록을 추가합니다.

      데이터 가져오기가 시작, 성공 또는 실패하는 시기에 대한 이벤트 처리기를 추가하려면 이벤트를 선택합니다.

      구성 창의 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다.

      EVAM 메타데이터 구성을 가져옵니다.

      EVAM 데이터 자원 검색 데이터 소스에 대한 EVAM 정의 및 기타 정보를 추가하려면 구성을 선택합니다.
      • 유형: 복합.
      • 평가 시기: 페이지 로드 시 EVAM 데이터 자원 인스턴스를 평가하려면 시를 선택합니다. 이벤트 핸들러를 사용하여 EVAM 데이터 자원을 평가하려면 호출 시만을 선택하십시오.
      • EVAM 구성 ID: EVAM 구성 ID 필드에 데이터 기록과 연결된 EVAM 구성 ID 를 추가합니다.
      • 검색 컨텍스트 구성 ID: 검색 컨텍스트 구성 ID 필드에 검색 중인 검색 컨텍스트 구성 ID를 추가합니다.
      • 검색어: 검색어 필드에 검색 중인 검색어를 추가합니다
      • 패싯 필터: 패싯 필터 필드에서 검색을 정의하는 데 도움이 되는 패싯 필터를 추가합니다.
      • 검색 필터: 검색 필터 필드에서 검색을 정의하는 데 도움이 되는 검색 필터를 추가합니다.
      • 맞춤법 검사 사용 안 함: 맞춤법 검사 사용 안 함 필드에서, 검색하는 동안 맞춤법 검사를 켜거나 끌지 여부를 선택합니다.
      • 페이지 매김 토큰: 필요한 경우 페이지 매김 토큰 필드에 페이지 매김 토큰을 추가합니다.

      데이터 가져오기가 시작, 성공 또는 실패하는 시기에 대한 이벤트 처리기를 추가하려면 이벤트를 선택합니다.

      구성 창의 오른쪽에 있는 Now 코드 편집기 에서 EVAM 정의 스크립트를 미리 봅니다.

      EVAM 데이터 자원 구성을 검색합니다.

    9. 데이터 세트 구성 요소를 구성합니다.
      • EVAM 데이터 자원을 구성요소에 바인딩합니다.
      • 그리드/목록 표시 토글을 켜기로 설정하여 사용자가 페이지에서 EVAM 정보의 그리드 또는 목록 뷰 중에서 선택할 수 있도록 합니다.
      • 페이지의 카드에 대한 다른 구성 설정을 지정합니다.
    10. 저장을 선택합니다.
    11. 미리 보기 버튼을 선택하여 페이지를 보고 테스트합니다.
      그림 2. EVAM의 완료 상태
      EVAM의 완료 상태입니다.