페이지에 엔터티 뷰 작업 매퍼 데이터 자원 추가

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

    시작하기 전에

    필요한 역할: 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 메타데이터 구성을 가져옵니다.

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

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

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

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

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