여러 패널이 있는 탐색 탭

양식에 왼쪽 탐색 탭이 있고 탭 중 하나에 여러 패널이 있는 경우 하위 패널의 제목을 숨기고 이러한 탭의 하위 패널 간을 이동할 수 있습니다

적응형 양식 만들기

다음 구조로 적응형 양식을 만듭니다. 루트 패널에는 왼쪽에 탭으로 표시되는 하위 패널이 있습니다. 이러한 "탭"에는 추가 하위 패널이 있습니다. 예를 들어 가족 탭에는 배우자 및 1차 하위 구성요소라는 두 개의 하위 패널이 있습니다.

도구 모음은 FormContainer 아래에 Prev 및 Next 단추와 함께 추가됩니다

도구 모음 간격

이 양식의 기본 동작은 왼쪽에 모든 패널을 표시한 다음 다음 다음 버튼을 클릭하면 한 탭에서 다른 탭으로 이동하는 것입니다.

이 기본 동작을 변경하려면 다음을 수행해야 합니다

다음 코드를 페이지의 클릭 이벤트에 추가합니다. 다음 코드 편집기를 사용한 단추

window.guideBridge.setFocus(null, 'nextItemDeep', true);

다음 코드를 페이지의 클릭 이벤트에 추가합니다. Prev 코드 편집기를 사용한 단추

window.guideBridge.setFocus(null, 'prevItemDeep', true);

위의 코드는 각 탭의 하위 패널 간을 이동하는 데 도움이 됩니다.

하위 패널 제목 숨기기

스타일 편집기를 사용하여 하위 패널의 탭 제목을 숨깁니다.

노트

이 문서에 설명된 기능은 마지막 탭에서 작동하지 않습니다. 예를 들어 주소 탭에 하위 패널이 있는 경우 이 기능이 작동하지 않습니다.

이 페이지에서는