캔버스 앱의 계단식 드롭다운

이 자습서에서는 계단식 드롭다운이 작동하는 방식에 대해 설명합니다.

계단식 드롭다운은 서로 의존하는 두 개 이상의 드롭다운입니다.

Power Apps에서 사용할 때 계단식 드롭다운은 특히 방대한 양의 데이터를 필터링할 때 최종 사용자의 경험을 향상시킬 수 있습니다.

목차

• 고객 조회 테이블 추가
• 첫 번째 드롭다운 추가
• 데이터 테이블을 드롭다운에 연결
• 두 번째 드롭다운 추가
• 계단식 드롭다운 만들기
• 결론

고객 조회 테이블 추가

새 화면에 드롭다운을 추가하여 시작하겠습니다.

이전 튜토리얼 에서 논의한 기술인 마스터 화면을 복제하여 새 화면을 추가할 것입니다 . 이 화면을 항목 조회라고 합니다.

그런 다음 화면에 데이터 테이블을 추가해 보겠습니다.

필요한 레코드를 표시하려면 테이블에 대한 데이터 소스를 추가해야 합니다. 오른쪽의 속성 창을 통해 Table1을 데이터 원본으로 추가해 보겠습니다.

그런 다음 "필드 편집"을 클릭하여 필요한 필드를 추가하겠습니다. 이 테이블에서는 FirstName, LastName, Location 및 VIP 레벨을 사용하겠습니다.

테이블에 필요한 레코드가 포함되었으므로 이 테이블이 고객 조회 테이블 역할을 합니다.

이제 여기서 목표는 위치 및 VIP 수준을 기반으로 이 테이블의 레코드를 필터링할 수 있도록 하는 것입니다. 그것이 우리의 드롭 다운이 들어오는 곳입니다.

첫 번째 드롭다운 추가

삽입 리본 아래의 입력으로 이동하여 드롭다운을 클릭합니다.

기본적으로 드롭다운의 값은 1, 2, 3입니다.

오른쪽 창으로 이동하고 고객 조회 테이블에 사용한 데이터 원본인 Table1을 연결하여 드롭다운의 항목을 변경할 수 있습니다.

그런 다음 값 아래에서 드롭다운에 사용할 열을 선택합니다. 이 경우 위치를 사용합시다.

완료되면 드롭다운에 가능한 모든 위치가 표시됩니다. 그러나 우리는 또한 많은 중복을 볼 수 있습니다.

현재 레코드가 표시되는 횟수에 관계없이 단순히 Location 열의 모든 레코드를 가져오기 때문입니다. 이러한 중복을 제거하기 위해 Distinct 기능을 사용할 것입니다.

Distinct 함수는 특정 열의 레코드를 평가하고 중복 항목을 제거합니다.

드롭다운을 강조 표시하고 항목 속성을 선택해 보겠습니다. 그런 다음 Distinct 함수를 사용하고 Table1 및 Location을 참조합니다.

해당 수식을 잠그면 이제 드롭다운에는 중복 없이 고유한 항목만 있습니다.

이 드롭다운의 레코드를 보다 쉽게 ​​탐색할 수 있도록 항목을 알파벳순으로 표시되도록 정렬해 보겠습니다. 일반적으로 소스가 필요한 SortByColumn 함수를 사용할 것입니다. 이 예에서 소스는 위치 열에 있는 개별 항목 목록입니다.

열도 필요합니다. 이 경우 함수가 결과 자체에서 항목을 정렬하기를 원합니다. 기본적으로 이 결과는 방금 참조한 고유 항목 목록인 소스에서 가져옵니다. 그래서 우리는 결과를 참조할 것입니다.

이제 이 드롭다운에 모든 고유한 위치가 정렬되어 있습니다.

데이터 테이블을 드롭다운에 연결

다음 단계는 이 테이블을 드롭다운에 종속되게 만드는 것입니다. 이를 위해 필터 기능을 사용합니다.

이제 데이터 테이블을 강조 표시하고 항목 속성으로 이동하여 필터 기능을 사용하겠습니다. 필터 기능은 일반적으로 소스 및 논리적 테스트를 수행합니다. 이 경우 소스는 Table1입니다. 논리적 테스트의 경우 사용자가 드롭다운에서 선택한 값과 동일하기를 원합니다.

왼쪽 창을 보면 여기에서 참조하려는 드롭다운이 Dropdown4임을 알 수 있습니다.

이것이 우리가 논리 테스트에 사용할 요소입니다. 선택한 항목에 따라 결과만 표시하려고 하므로 Dropdown4.Selected.Result를 사용합니다.

이제 드롭다운에서 호주를 선택했으므로 테이블에는 위치가 호주인 레코드만 표시됩니다.

두 번째 드롭다운 추가

우리는 궁극적으로 드롭다운을 계단식으로 배열하기를 원하므로 적어도 두 개 이상의 드롭다운이 필요함을 의미합니다. 두 번째 드롭다운을 추가해 보겠습니다. 이번에는 VIP 레벨을 기준으로 기록을 필터링하는 데 사용할 것입니다.

이 예에서 새 드롭다운은 Dropdown5입니다.

다시 한 번 Table1인 데이터 원본을 탭해야 합니다. 그런 다음 VIP 레벨을 값으로 사용합니다.

VIP 레벨 열의 항목도 중복될 가능성이 높으므로 프로세스에서 Table1 및 VIPLevel을 참조하는 Distinct 함수를 다시 한 번 사용합니다.

이렇게 하면 드롭다운에 중복 항목이 없습니다.

이제 해당 항목도 순서대로 배치해 보겠습니다. 첫 번째 드롭다운과 마찬가지로 이번에는 Location 대신 VIPLevel을 참조하는 SortByColumn을 사용할 것입니다.

해당 수식을 사용하면 드롭다운의 항목이 올바른 순서로 정렬됩니다.

다음으로 데이터 테이블로 돌아가서 첫 번째 드롭다운뿐만 아니라 두 번째 드롭다운도 기반으로 필터링하는지 확인해야 합니다. 데이터 테이블과 필터 기능의 좋은 점은 원하는 만큼 많은 필터링 기준을 추가할 수 있다는 것입니다.

따라서 원래 공식으로 이동하면 VIPLevel = Dropdown5.Selected.Result만 추가하면 됩니다.

해당 수식을 저장하면 이제 두 드롭다운에서 항목을 선택할 수 있으며 데이터 테이블은 두 항목을 기반으로 레코드를 필터링합니다. 예를 들어 위치 드롭다운에서 싱가포르를 선택하고 VIP 레벨 드롭다운에서 1을 선택하면 해당 매개변수와 일치하는 두 항목이 생깁니다.

VIP 레벨을 4로 변경할 수 있으며 필터와 일치하는 하나의 결과가 표시됩니다.

이제 싱가포르를 위치로 VIP 레벨 5를 선택하면 테이블이 어떻게 비어 있는지 확인하십시오.

즉, 싱가포르에는 VIP 레벨 5에 속하는 사람이 아무도 없습니다. 이는 이해할 수 있지만 일치하는 레코드가 없는 경우 두 번째 드롭다운에 5가 표시되지 않도록 하는 것입니다. 결국, 계단식 드롭다운이 전부입니다.

계단식 드롭다운 만들기

현재 두 번째 드롭다운의 Items 속성은 Table1을 보고 VIPLevel 열에서 개별 항목을 가져와 실제 결과를 사용하여 정렬합니다.

우리가 원하는 것은 데이터 원본이 전체 Table1을 보는 대신 첫 번째 드롭다운에서 선택한 항목으로 좁혀지는 것입니다. 예를 들어 사용자가 위치 드롭다운에서 싱가포르를 선택하면 VIPLevel 드롭다운에는 전체 테이블이 아니라 싱가포르와 일치하는 항목만 표시되어야 합니다.

따라서 여기에 Filter 함수를 추가하여 Location이 Dropdown4.Selected.Result와 동일해야 한다는 조건에 따라 Table1이 필터링되도록 할 것입니다.

지금 드롭다운을 확인하면 첫 번째 드롭다운에서 싱가포르가 선택된 상태에서 두 번째 드롭다운에 더 이상 5가 표시되지 않는 것을 볼 수 있습니다.

이번에 캐나다를 체크해보면 VIP 레벨 아래에 3이 없다고 나옵니다.

이를 원본 데이터 소스인 Table1과 비교하여 다시 확인하면 실제로 캐나다에서 VIPLevel 3과 일치하는 항목이 없음을 알 수 있습니다. 이것은 우리의 공식이 작동한다는 것을 의미합니다.

Power Apps 소개: 정의, 기능, 기능 및 중요성
Power Apps 환경: 앱 요소를 적절하게 설정
PowerApps 기능 및 수식 | 소개

결론

계단식 드롭다운은 특히 대량의 데이터를 처리하는 경우 최종 사용자의 경험을 확실히 향상시킬 수 있습니다. 이렇게 하면 최종 사용자가 결과를 필터링할 때 아무 것도 생성하지 않는 추가 항목을 처리할 필요가 없기 때문에 필요한 레코드를 더 쉽게 더 빨리 찾을 수 있습니다.

필요에 따라 다른 드롭다운을 드롭다운할 수 있습니다. 두 개의 드롭다운으로 자신을 제한할 필요가 없습니다. 즉, 데이터 원본에 더 많은 필드가 있는 경우 원하는 필터링 정확도에 따라 더 많은 드롭다운을 추가할 수 있습니다.

모두 제일 좋다,

헨리