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

윅스 (Wix) 코딩 - 페이지 요소에 표시된 데이터베이스 내용 필터링 및 정렬하기 (About Filtering and Sorting Database Content Displayed in Page Elements)

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

윅스 (Wix) 코딩 - 페이지 요소에 표시된 데이터베이스 내용 필터링 및 정렬하기 (About Filtering and Sorting Database Content Displayed in Page Elements)

 

 

 

설명)

 

데이터세트가 컬렉션에 연결되면 해당 컬렉션의 입력란(필드)와 항목에 모두 액세스할 수 있습니다. 데이터 관리자에서 입력란(필드)를 숨기더라도 데이터세트의 입력란(필드)는 숨겨지지 않습니다. 마찬가지로 데이터 관리자에서 항목을 정렬하거나 필터링해도 데이터세트의 항목은 정렬되거나 필터링되지 않습니다. 즉, 페이지에 어떤 항목이 표시되는지 결정하려면 현재 페이지의 데이터세트에서 이 항목을 제어해야합니다.

 

데이터세트를 데이터세트 설정 패널에서 필터링하고 정렬합니다.

 

 

노트 :

- 데이터세트 필터링 및 정렬은 현재 데이터세트에만 영향을 미칩니다.

- 데이터세트 필터링 및 정렬은 컬렉션에 영향을 주지 않습니다.

- 모드가 "읽기 전용" 또는 "읽기 - 쓰기"로 정의된 데이터세트만 정렬하거나 필터링할 수 있습니다.

 

 

 

데이터세트 필터링 (Filtering Your Dataset)

데이터세트를 필터링하면 세 가지를 정의합니다.

1. 필터링할 입력란(필드).

2. 항목이 필터 기준을 충족하는지 여부를 확인할 때 사용하려는 조건.

3. 필터와 일치시킬 값.

 

 

예제를 보겠습니다. 좋아하는 요리법을 나열하는 사이트가 있고 요리로 카테고리를 분류했다고 가정해봅니다. 이제 Tex Mex 요리법만 보여주기 위해 데이터세트를 필터링하고 싶습니다. 입력란(필드)는 "Cuisine"이고 조건은 "Is"이고 값은 "Tex Mex"입니다. 아래 이미지는 이것이 어떻게 보이는지 보여줍니다.

 

 

 

 

 

노트 :

데이터세트 설정 패널에서 + 필터를 클릭하여 필터 추가 패널을 엽니다.

 

 

 

입력란(필드) (Field)

드롭다운을 클릭한 다음 필터링할 입력란(필드)를 필터링 기준으로 선택합니다. 텍스트, 숫자, Boolean, 참조 및 소유자 입력란(필드)로만 필터링 할 수 있습니다.

 

 

 

조건 (Condition)

드롭다운을 클릭한 다음, 이 입력란(필드)의 필터 조건을 선택합니다. 사용 가능한 필터 조건은 필터링 할 입력란(필드)의 유형에 따라 다릅니다.

- 텍스트 입력란(필드)에는 "Is"또는 "Starts with"와 같은 조건이 있습니다.

- 숫자 입력란(필드)에는 "Greater than"또는 "Equals"과 같은 조건이 있습니다.

- Boolean 입력란(필드)는 "True" 또는 "False"일 수 있습니다.

 

 

페이지에 참조된 컬렉션에 연결된 데이터세트가 있는 경우에만 참조 입력란(필드)를 기준으로 필터링할 수 있습니다. 참조 입력란(필드)에는 하나의 조건 "Same as" 만 있습니다.

 

소유자 입력란(필드)로 필터링할 때 현재 로그인한 사용자가 "Is"와 "Is not"중에서 선택할 수 있습니다. 간단한 예제는 여기를 참조합니다.

 

 

노트 :

컬렉션 자체가 참조 입력란(필드)와 연결되지 않은 경우에도 같은 페이지에서 둘 이상의 컬렉션의 관련 정보를 표시할 수 있도록 두 번째 데이터세트로 한 데이터세트를 필터링할 수 있습니다. 자세한 내용은 여기를 참조합니다.

 

 

 

 

값 (Value)

이것은 정의한 필터 조건에 사용하려는 값입니다.

- 참조 입력란(필드)의 경우 참조된 컬렉션을 선택합니다.

- "소유자" 입력란(필드)의 경우 "로그인한 사용자"값이 자동으로 입력됩니다.

 

필터 변경 또는 제거하기 (Changing or Removing a Filter)

필터를 정의하면 해당 설명이 데이터세트 설정 패널에 나열됩니다.

 

 

 

- 필터를 변경하려면 필터를 선택하고 줄임표를 클릭한 다음 편집을 클릭합니다.

- 필터를 제거하려면 필터를 선택하고 줄임표를 클릭한 다음 삭제를 클릭합니다.

 

 

 

 

다중 입력란(필드) 필터링 (Filtering by Multiple Fields)

원하는 경우 필터 필터를 두 개 이상 추가할 수 있습니다. 예를 들어 Tex Mex 요리법과 글루텐이 없는지 여부에 따라 요리법 컬렉션을 필터링할 수 있습니다.

 

두 개 이상의 필터를 정의하면 두 필터 조건이 함께 작동합니다. 즉, 항목을 표시하려면 두 필터 조건이 일치해야 합니다. 컬렉션의 항목이 두 필터 조건을 모두 충족시키지 않으면 아무 것도 표시되지 않습니다.

 

 

 

 

동적 페이지 필터링 (Filtering Dynamic Pages)

동적 페이지는 이미 자신의 URL로 필터링되었음을 기억하는 것이 중요합니다. 즉, 동적 페이지에 필터 조건을 추가하면 해당 페이지에 대해 두 개의 필터 조건이 만들어집니다.

 

동적 항목 페이지의 경우 해당 항목이 URL 조건과 새 필터 조건 모두와 일치하는 경우에만 페이지가 표시됩니다. 다른 사람이 URL을 사용하여 페이지로 이동하려고하면 404 페이지가 표시됩니다. 동적 카테고리 페이지의 경우 페이지에는 URL 조건과 새 필터 조건을 모두 충족하는 항목만 포함됩니다.

 

이를 사용하여 URL을 수정할 필요없이 표시할 수 있는 항목 페이지를 제어할 수 있습니다. 예를 들어 "Active"이라는 컬렉션에 입력란(필드)를 추가한 다음 해당 입력란(필드)를 기반으로 필터 조건을 추가하면 "Active" 항목만 표시됩니다.

 

 

 

 

데이터세트 정렬하기 (Sorting Your Dataset)

데이터세트를 정렬하면 항목이 반복 레이아웃, 표(Table) 및 갤러리에 표시되는 순서가 제어됩니다. 뒤로 및 다음 버튼이 데이터세트에 연결되어 있으면 방문자가 버튼를 사용하여 탐색할 때 항목이 표시되는 순서가 제어됩니다.

 

데이터세트를 정렬할 때 두 가지를 정의합니다.

1. 정렬할 입력란(필드).

2. 항목을 표시할 순서.

 

기본 정렬 순서는 항목이 추가된 날짜이며 가장 새로운 항목이 먼저 표시됩니다. 이 날짜는 "Date_Created" 시스템 입력란(필드)에 나타납니다. 새 정렬을 추가하면 기본 정렬이 사라집니다.

 

위 예제를 계속하면 요리법 이름별로 알파벳순으로 요리법을 나열해야 합니다. 그래서 입력란(필드)는 "Recipe"가 될 것이고 순서는 "A-Z"가 될 것입니다. 아래 이미지는 어떻게 보이는지 보여줍니다.

 

 

 

 

노트 :

데이터세트 설정 패널에서 + 정렬을 클릭하여 정렬 추가 패널을 엽니다.

 

 

 

입력란(필드) (Field)

선택을 클릭하여 드롭다운을 열고 데이터세트를 정렬하는 데 사용할 입력란(필드)을 컬렉션에서 선택합니다. 텍스트, 숫자, Boolean 및 날짜 입력란(필드)별로만 정렬할 수 있습니다.

 

 

순서 (Order)

드롭다운을 클릭하여 정렬 순서를 선택합니다. 옵션은 선택한 입력란(필드) 유형에 따라 다릅니다. 예를 들어 숫자 입력란(필드)은 가장 작은 것부터 가장 큰 것부터 큰 것부터 가장 작은 것 순으로 정렬할 수 있습니다. Boolean 입력란(필드)는 "True first"또는 "False first"로 정렬할 수 있습니다.

 

 

정렬 변경 또는 제거하기 (Changing or Removing a Sort)

정렬을 정의하면 해당 설명이 데이터세트 설정 패널에 나열됩니다.

 

 

 

 

- 정렬을 변경하려면 해당 정렬을 선택하고 

 자세히 표시 아이콘을 클릭한 다음 편집을 누릅니다.

- 정렬을 제거하려면 해당 정렬을 선택하고 

 자세히 표시 아이콘을 클릭한 다음 삭제를 누릅니다.

 

 

 

 

 

다중 입력란(필드)별로 정렬하기 (Sorting by Multiple Fields)

원하는 경우 둘 이상의 입력란(필드)별로 정렬할 수 있습니다. 이렇게하면 항목은 첫 번째 정렬 조건에 따라 정렬된 다음 두 번째 정렬 조건에 따라 정렬됩니다.

 

첫 번째 정렬 조건과 일치하는 항목이 둘 이상있는 경우 적합합니다. 예를 들어, 요리법별로 요리법을 정렬하는 경우 요리법 이름별로 두 번째 정렬을 추가하여 각 음식에서 요리법이 알파벳 순서로 표시되도록 할 수 있습니다.

 

특히 데이터세트의 항목을 정렬하는 데 사용할 입력란(필드)를 컬렉션에 추가하는 것을 고려할 수도 있습니다. 이것은 숫자 입력란(필드), 예를 들어 다른 입력란(필드) 일 수 있습니다.

 

 

 

 

연관된 토픽)

윅스 (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/about-filtering-and-sorting-database-content-displayed-in-page-elements

 

반응형

댓글