20220305 - 리전 디스플레이 셀렉터 활용 Region Display Selector

리전 디스플레이 셀렉터 활용하면 아주 간단하게 페이지 내에서 탭 스타일을 상세 선택 메뉴를 구성할 수 있음

1. 최상단에 리전

Region - Identification - Type : Region Display Selector

2. 그 아래로 각 조회가 될 두 개의 리전을 배치 후

Region - Region Display Selector 선택

3. 기본적으로 모두 표시라는 그룹이 보이고 이것이 선택되었을 경우는 특정 선택된 리전만 보이는 것이 아니라 전체가 보임, 안 보이게 하는 방법은 자바스크립트를 추가하여 조정.

Page - JavaScript - Execute when Page Loads :

$(".apex-rds li:first-child").remove();

$(".apex-rds li:first-child").addClass("apex-rds-first");

$(".apex-rds li:first-child").addClass("apex-rds-selected");

$(".apex-rds-container").siblings().slice(1).hide();

4. v21.2 에서는 show all 모두 보기에 대한 설정이 있음

참고