본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 참조 입력란(필드)을 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 (Displaying Content from Multiple Database Collections Using Reference Fields)

by 라임쥬서(Lime Juicer) 2020. 5. 3.
반응형

윅스 (Wix) 코딩 - 참조 입력란(필드)을 사용하여 여러 데이터베이스 컬렉션 콘텐츠 표시하기 (Displaying Content from Multiple Database Collections Using Reference Fields)

 

 

 

설명)

 

이 글을 읽기 전에 다음을 읽는 것이 좋습니다.

- 윅스 (Wix) 코딩 - 데이터베이스 컬렉션 참조 입력란(필드) (About Reference Fields in Database Collections)

윅스 (Wix) 코딩 - 데이터베이스 컬렉션 참조 입력란(필드) 추가하기 (Adding a Reference Field to a Database Collection)

 

 

 

참조 입력란(필드)는 하나의 데이터베이스 컬렉션을 다른 데이터베이스 컬렉션에 연결하는 데 사용됩니다. 참조 입력란(필드)는 사용자에게 데이터를 표시하기 위한 추가 옵션을 제공합니다.

- 하나의 표(Table), 갤러리 또는 반복 레이아웃을 포맷하여 둘 이상의 컬렉션에서 정보를 표시합니다.

- 다른 컬렉션과 관련된 특정 컬렉션의 항목을 표시하는 마스터 세부정보 페이지를 만듭니다.

- 사용자가 컬렉션에 정보를 저장할 수 있도록 드롭다운 목록을 참조 필드에 연결합니다.

 

노트 :

참조 입력란(필드)를 사용하여 정보를 표시할 때 갤러리, 표(Table) 및 반복 레이아웃를 사용할 수 있습니다.

 

 

이 글의 예제는 Songs 컬렉션의 "Artist" 입력란(필드)가 Artists 컬렉션의 "Name" 입력란(필드)에 연결되는 참조 입력란(필드)인 다음 컬렉션을 사용합니다.

 

 

 

 

 

두 개 이상의 컬렉션에서 정보 표시하기 (Displaying Information from More Than One Collection)

이 시나리오의 목표는 아래 그림과 같이 장르와 아티스트의 사진과 함께 노래 컬렉션의 모든 항목을 나열하는 사이트에서 하나의 표(Table)를 만드는 것입니다. 이 정보는 두 개의 별도의 연결된 컬렉션에 저장된다는 점을 기억합니다.

 

 

 

 

 

아래 그림은 우리가 표(Table)을 설정하는 방법을 보여줍니다.

- 표(Table)이 Songs 데이터세트에 연결됩니다.

- Song 열은 Songs 컬렉션의 "Song Title" 입력란(필드)에 연결됩니다.

Artist 및 Photo 열은 Artist 컬렉션의 "Artist" 및 "Photo" 입력란(필드)에 연결됩니다.

 

 

 

 

표(Table) 연결 패널에서 Artist 및 Photo 열은 참조된 컬렉션 이름 (Artist), 입력란(필드) 이름 ( "Name"및 "Photo") 및 유형 (텍스트, 이미지)을 모두 표시하는 방법에 유의합니다.

 

요소에 연결할 입력란(필드)를 선택하면 참조 입력란(필드) 자체가 회색으로 표시됩니다. 이것은 컬렉션의 이름이 참조임을 표시합니다. 참조된 컬렉션의 입력란(필드)는 들여쓰기로 표시됩니다.

 

 

 

 

필터링된 정보 표시하기 (마스터 - 세부 정보) (Displaying Filtered Information (Master-Detail))

이 시나리오의 목표는 Artists 컬렉션의 특정 아티스트에 대한 정보와 Songs 컬렉션의 모든 노래 목록을 표시하는 아티스트 페이지를 만드는 것입니다 (아래 그림 참조).

 

 

 

 

이 경우 페이지에 기본 데이터세트와 참조된 데이터세트라는 두 개의 데이터세트가 있어야합니다.

 

기본 데이터세트는 Artists 컬렉션에 연결됩니다. 이 데이터세트는 현재 페이지에 표시되는 Artist 항목을 결정합니다. 위의 예에서는 Elvis Presley입니다. 동적 페이지에서 이 작업을 수행하는 경우 기본 데이터세트는 해당 페이지의 동적 데이터세트입니다.

 

참조된 데이터세트는 Songs 컬렉션에 연결됩니다. Artist 데이터세트에 의해 필터링되므로 페이지에 표시된 현재 Artist와 일치하는 Songs 컬렉션에서 항목을 검색할 수 있습니다.

 

 

 

 

 

아래 그림은 페이지 설정 방법을 보여줍니다. 왼쪽의 텍스트 요소와 이미지 요소는 Artist의 이름과 사진을 표시할 수 있도록 기본 Artists 데이터세트에 연결됩니다. 오른쪽 표(Talbe)은 Artist별로 필터링된 참조된 Songs 데이터세트에 연결되어 있으므로 해당 Artist의 모든 노래를 표시할 수 있습니다.

 

 

 

 

 

중요 :

참조 페이지는 동적 페이지의 URL을 작성하는데 사용할 수 없습니다.

 

 

참조 입력란(필드)에 드롭다운 요소 연결하기 (Connecting Dropdown Elements to Reference Fields)

드롭다운 목록 요소를 참조 입력란(필드)에 연결할 수 있습니다. 즉, 드롭다운 목록의 항목은 참조된 컬렉션의 기본 입력란(필드)에서 자동으로 가져옵니다. 입력 폼에서 이 작업을 수행하면 방문자가 선택한 값이 컬렉션의 참조 입력란(필드)에 저장됩니다.

 

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 데이터베이스 컬렉션 참조 입력란(필드) (About Reference Fields in Database Collections)

윅스 (Wix) 코딩 - 데이터베이스 컬렉션 참조 입력란(필드) 추가하기 (Adding a Reference Field to a Database Collection)

윅스 (Wix) 코딩 - 다중 항목 참조 입력란(필드) (Working with Multiple-Item Reference Fields)

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/displaying-content-from-multiple-database-collections-using-reference-fields-4034931

 

반응형

댓글