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

윅스 (Wix) 코딩 - 드롭다운 연결 패널 (Working with the Connect Dropdown Panel)

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

윅스 (Wix) 코딩 - 드롭다운 연결 패널 (Working with the Connect Dropdown Panel)

 

 

 

설명)

 

드롭다운 목록 요소를 데이터세트에 연결하여 사용자 입력을 수집하여 컬렉션에 저장하거나 컬렉션의 데이터를 표시할 수 있습니다.

 

드롭다운 연결 패널에 아직없는 경우 드롭다운을 선택하고 

 데이터 연결 아이콘을 클릭합니다.

 

 

 

 

 

데이터세트 연결하기 (Connect a dataset)

사용자 입력을 저장할 컬렉션에 연결된 데이터세트를 선택합니다.

 

값 연결하기 (Value connects to)

방문자가 선택한 드롭다운 항목의 값을 저장할 텍스트, 숫자 또는 참조 입력란(필드)를 컬렉션에서 선택합니다.

 

팁 :

사용자 데이터를 컬렉션에 저장하려면 제출 버튼을 페이지에 추가해야 합니다.

 

 

 

 

목록 연결하기 (Connect a List)

중요 :

드롭다운 목록 항목을 컬렉션의 입력란(필드) 또는 참조 입력란(필드) 에 연결하면 요소의 드롭다운 목록 관리 패널에서 설정한 항목이 무시됩니다.

 

 

노트 :

드롭다운을 참조 입력란(필드)에 연결하면 항목 목록이 참조된 컬렉션의 기본 입력란(필드) 에서 나오기 때문에 이 섹션은 비어 있습니다.

 

 

 

드롭다운 목록 항목 연결하기 (Connect dropdown list items)

컬렉션의 필드 내용을 목록 항목의 레이블 및 값으로 사용하려면 이 옵션을 선택합니다. 이 옵션을 선택하면 다음 입력란(필드)를 사용할 수 있게됩니다.

 

 

데이터세트 연결하기 (Connect a dataset)

목록 항목에 사용할 내용이 있는 입력란(필드)가 있는 데이터세트를 선택합니다. 드롭다운이 이미 연결된 것과 동일한 데이터세트이거나 사용할 값이 있는 컬렉션을 가리키는 다른 데이터세트일 수 있습니다.

 

 

 

라벨 및 값 연결하기 (Labels and values connect to)

콘텐츠를 드롭다운 목록의 항목에 대한 라벨과 값으로 사용하려는 데이터세트의 입력란(필드)를 선택합니다. 선택한 입력란(필드)의 모든 내용에서 드롭다운 목록 라벨과 값이 생성됩니다. (해당 열에 고유한 데이터가 있는지 확인하는 것이 좋습니다.)

라벨은 사용자가 선택을 할 때 보게 되는 텍스트입니다. 값은 컬렉션에 저장되는 데이터입니다. 드롭다운 목록 관리 패널에서 목록 항목의 라벨과 값을 설정하거나 컬렉션의 값을 사용할 수 있습니다.

 

드롭다운 목록을 참조 입력란(필드)에 연결하면 항목 목록이 참조된 컬렉션의 기본 입력란(필드)에서 제공됩니다.

 

 

 

중요 :

목록 라벨과 값을 컬렉션의 입력란(필드)에 연결하면 각 항목의 라벨과 값이 동일 해집니다. 가능한 경우 드롭다운 목록 관리 패널에서처럼 독립적으로 설정할 수 없습니다.

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 페이지 요소와 데이터베이스 콘텐츠 연결하기 (About Connecting Page Elements to Database Content)

 

 

윅스 홈페이지 만들기 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-the-connect-dropdown-panel

 

반응형

댓글