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

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

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

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

 

 

 

설명)

 

계속하기 전에 윅스 (Wix) 코딩 -  필드에서 여러 항목 참조하기 (About Referencing Multiple Items in One Field)를 읽습니다.

 

 

다중 항목 참조 입력란(필드)를 사용하여 다른 컬렉션의 항목과 관련된 한 컬렉션의 항목을 표시하는 마스터 세부 정보 페이지를 만들 수 있습니다. 이렇게 하려면 두 개의 데이터세트를 페이지에 넣습니다. 하나는 마스터용이고 다른 하나는 세부사항용입니다. 마스터 데이터세트와 공유하는 다중 항목 참조 입력란(필드)를 사용하여 세부 데이터세트를 필터링합니다. 이로 인해 세부 데이터세트에 마스터 데이터세트의 현재 항목과 일치하는 항목만 포함됩니다. 관련 항목을 표시하려면 갤러리 또는 표(Table)을 필터링된 상세 데이터세트에 연결합니다.

 

요소를 여러 항목 참조 입력란(필드)에 직접 연결할 수는 없습니다.

 

어떻게 작동하는지 몇 가지 예를 살펴봅니다.

 

여러 항목으로 구성된 참조 입력란(필드)에 대한 글에서 Movies와 Actors를 위한 2개의 컬렉션을 보유했습니다. 여러 항목 참조 입력란(필드)를 사용하여 두 항목을 연결하여 이들 간의 여러 항목들 간의 관계를 만들었습니다. 이제 이 컬렉션들로부터 동적인 아이템 페이지를 만들 것입니다. 하나는 갤러리에 Actors가 표시되고 다른 하나는 표에 Movies가 표시된 Actors를 표시하는 것입니다. 물론 데이터세트를 페이지에 추가하고 컬렉션에 연결하여 일반 페이지를 만들 수도 있습니다.

Actors 페이지부터 시작합니다. 동적 데이터세트는 페이지가 현재 표시중인 Actors를 제어하기 때문에 주 데이터세트입니다.

 

 

배우가 등장한 영화를 표시하려면 다른 데이터세트를 추가하고 Movies 컬렉션에 연결해야합니다. 그런 다음 Actors 컬렉션을 가리키는 다중 항목 참조 입력란(필드)를 사용하여 Movies 데이터세트를 필터링합니다. 즉, Movies 데이터세트에는 다중 항목 참조 입력란(필드)에 현재 Actors가 나열된 동영상만 포함됩니다.

 

 

 

 

 

 

 

 

 

 

이제 데이터세트를 연결했으므로 페이지를 디자인할 수 있습니다. Actors에 대한 정보를 표시하기 위해 텍스트 요소와 이미지를 Actors 동적 데이터세트에 연결합니다. Movies를 나열하려면 필터링된 Movies 데이터세트에 표를 연결합니다. 아래 이미지는 이것을 보여줍니다.

 

 

 

 

Actors의 실제 페이지 중 일부는 다음과 같습니다.

 

 

 

 

영화 동적 페이지와 비슷한 것을 만들 겁니다. 이 경우 Movies 데이터세트가 주 데이터세트이며 Actors 데이터세트를 추가하고 필터링하여 현재 영화에 나타나는 Actors 만 표시합니다.

 

 

 

 

 

텍스트 요소와 이미지를 Movies 데이터세트에 연결하고 갤러리를 필터링된 Actors 데이터세트에 연결합니다.

 

 

 

 

영화의 일부 실제 페이지는 이와 같이 보일 수 있습니다.

 

 

 

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 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/working-with-multiple-item-reference-fields

 

반응형

댓글