탭 - 반응형 위젯(레거시)
반응형 탭 위젯은 특수 유형의 컨테이너입니다. 위젯 내의 각 개별 탭(사용자가 탭 수를 구성)에는 고유의 콘텐츠가 있습니다. 모든 탭에 고유의 콘텐츠가 로드되지만 탭 간의 빠른 전환을 위해 한 번에 탭 하나만 표시할 수 있습니다.
다른 매쉬업 환경 이벤트를 통해 SelectedTabValue 또는 Name 속성을 변경하여 선택한 탭을 변경할 수 있습니다.
속성
공통 위젯 속성에 대한 자세한 내용은 위젯을 참조하십시오. 반응형 탭 위젯에 관련된 속성은 아래 표에 설명되어 있습니다.
|
속성 이름
|
설명
|
기본 유형
|
기본값
|
바인딩 가능 여부 (Y/N)
|
로컬리제이션 가능 여부 (Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
위젯의 최상위 div에 적용할 사용자 정의 CSS 클래스입니다. 여러 클래스를 공백으로 구분하여 입력할 수 있습니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
NumberOfTabs
|
표시할 탭 수입니다.
|
NUMBER
|
2
|
N
|
N
|
|
DefaultTabAtRuntime
|
매쉬업이 로드된 경우 실행 시간에 활성 상태인 탭입니다.
|
NUMBER
|
1
|
N
|
N
|
|
SelectedTabValue
|
선택한 탭의 값입니다.
|
STRING
|
해당 없음
|
Y
|
N
|
|
SelectedTabName
|
선택한 탭의 레이블입니다.
|
STRING
|
해당 없음
|
Y
|
Y
|
|
TabHeight
|
위젯에서 탭의 높이입니다.
|
NUMBER
|
27
|
N
|
N
|
|
TabSpacing
|
위젯에서 탭 간의 간격입니다.
|
NUMBER
|
2
|
N
|
N
|
|
RoundedCorners
|
둥근 코너 또는 예리한 코너로 탭을 표시합니다.
|
BOOLEAN
|
true
|
N
|
N
|
|
Tab1–2Name
|
탭의 레이블입니다. 이는 사용자 탭 변경 이벤트가 개시될 때 매쉬업에 표시된 탭 이름과 SelectedTabName의 값입니다.
|
STRING
|
Tab1Name
|
N
|
Y
|
|
Tab1–2Value
|
탭의 값입니다. 사용자 탭 변경 이벤트가 개시될 때 SelectedTabValue의 값입니다.
|
STRING
|
Tab1Value
|
N
|
N
|
|
Tab1–2Image
|
탭에 대해 표시된 이미지입니다. 미디어 엔티티를 선택할 수 있습니다.
|
IMAGE
|
해당 없음
|
N
|
N
|
|
Tab1–2Visible
|
탭을 표시할지, 아니면 숨길지를 결정합니다.
|
BOOLEAN
|
true
|
Y
|
N
|
|
Tab1–2Disabled
|
탭을 비활성화할지, 아니면 활성화할지를 결정합니다.
|
BOOLEAN
|
false
|
Y
|
N
|
서비스
SelectDefaultTab
이벤트를 사용하여 탭 컨트롤을 기본 탭에 반환합니다.
ResetInputsToDefaultValue
이벤트를 사용하여 탭 컨트롤의 모든 입력 위젯을 해당 기본값으로 재설정합니다.
이벤트
TabSelected
처음 탭을 선택할 때 발생합니다. 이 이벤트는 사용자가 탭을 변경할 때 이외에 처음으로 페이지가 로드되고 기본 탭이 선택될 때 개시됩니다.