동적 패널 위젯(테마 적용됨)
 |
동적 패널은 플랫폼에서 표준 위젯으로, SDK에서 가져올 수 있는 웹 구성 요소로 사용할 수 있습니다.
|
동적 패널 위젯은 사용자가 실행 시간에 동적으로 조정할 수 있는 컨테이너 유형입니다. 위젯을 사용하여 매쉬업에서 컨테이너를 표시하거나 숨길 수 있습니다. 동적 패널은 상위 컨테이너의 왼쪽, 오른쪽, 위쪽 또는 아래쪽에 앵커를 지정할 수 있습니다. 패널 너비를 조정하고 실행 시간에 패널을 동적으로 열고 축소할 수 있습니다. 동적 패널을 사용하여 레이아웃의 기본 컨테이너와 관련된 추가 정보 또는 양식 입력을 제공할 수 있습니다.
1. 확장 및 축소 버튼
2. 측면 컨테이너
3. 끌기 핸들
4. 기본 컨테이너
패널을 축소 가능한 섹션으로 구성
ThingWorx 9.3.3 이상에서는 DynamicPanelType 속성을 사용하여 위젯을 축소 가능한 섹션으로 구성할 수 있습니다. 이 변형을 사용하면 기본 레이아웃에서 불필요한 세부 사항이나 컨트롤을 숨겨 공간을 절약할 수 있습니다. 사용자는 필요에 따라 섹션을 수동으로 확장 및 축소할 수 있습니다. 조정 가능한 패널과 달리 컨테이너는 레이아웃에서 사용 가능한 공간을 채우기 위해 자동으로 커지지 않으며 콘텐츠에 따라 높이가 변경됩니다.
1. 확장 및 축소 버튼
2. 섹션 본문
3. 섹션 머리글
| | 동적 패널의 본문 섹션에 포함된 매쉬업을 표시하려면 SectionBodyMinHeight 속성에 값을 지정해야 합니다. |
위젯 속성
속성 이름 | 설명 | 기본 유형 | 기본값 | 바인딩 가능 여부 (Y/N) | 로컬리제이션 가능 여부 (Y/N) |
|---|---|---|---|---|---|
TabSequence | TAB을 누를 때 위젯이 강조 표시되는 시퀀스를 설정합니다. | NUMBER | 해당 없음 | N | N |
SectionBodyMaxHeight | 섹션 머리글의 높이를 설정합니다. | NUMBER | 자동 크기 조정 | N | N |
SectionBodyMinHeight | 섹션 머리글의 최소 높이를 설정합니다. | NUMBER | 자동 크기 조정 | N | N |
SectionHeaderHeight | 섹션 머리글의 높이를 설정합니다. | NUMBER | 자동 크기 조정 | N | N |
HideTriggerButton | 트리거 버튼을 숨깁니다. | BOOLEAN | False | N | N |
HideDragHandle | 끌기 핸들을 숨깁니다. | BOOLEAN | False | N | N |
Disabled | 매쉬업에서 위젯을 비활성화합니다. 위젯이 나타나지만 사용할 수는 없습니다. | BOOLEAN | False | Y | N |
DynamicPanelType | 동적 패널 유형을 제어합니다. 조정 가능한 패널 또는 축소 가능한 섹션을 표시할 수 있습니다. | STRING | 조정 가능한 패널 | N | N |
CustomClass | 위젯의 최상위 div에 대한 CSS를 정의합니다. 여러 클래스를 입력할 때는 각 클래스를 공백으로 구분합니다. | STRING | 해당 없음 | Y | N |
PanelSize | 패널 크기를 설정합니다. | STRING | 220 | Y | N |
ClickOutsideToClose | 패널 외부를 클릭하면 패널이 닫힙니다. | BOOLEAN | False | Y | N |
Behavior | 패널을 콘텐츠 푸시 또는 날아오기 효과로 설정합니다. | STRING | 콘텐츠 푸시 | Y | N |
AnimationSpeed | 확장되고 축소되는 패널 애니메이션의 속도를 빠름, 중간 또는 느림으로 설정합니다. | STRING | 중간 | Y | N |
MinSizeWhenExpanded | 가로 축을 따라 확장할 때 패널의 최소 너비를 설정합니다. 최소값은 34픽셀입니다. 패널이 맨 위에 있는 경우 이 속성은 세로 축을 따라 높이를 정의합니다. | STRING | 50 | Y | N |
MaxSizeWhenExpanded | 가로 축을 따라 확장할 때 패널의 최대 너비를 설정합니다. 패널이 맨 위에 있는 경우 이 속성은 세로 축을 따라 높이를 정의합니다. | STRING | 100% | Y | N |
SizeWhenCollapsed | 가로 축을 따라 축소할 때 패널의 너비를 설정합니다. 패널이 맨 위에 있는 경우 이 속성은 세로 축을 따라 높이를 정의합니다. | STRING | 해당 없음 | Y | N |
AnchorLocation | 패널에서 앵커의 위치를 왼쪽, 맨 위, 오른쪽 또는 맨 아래로 설정합니다. | STRING | 왼쪽 | Y | N |
CollapseByDefault | 매쉬업이 로드될 때 기본적으로 축소되도록 패널을 설정합니다. | BOOLEAN | False | Y | N |
TriggerButtonLocation | 트리거 버튼의 위치를 맨 위, 가운데, 맨 아래, 패널 또는 없음으로 설정합니다. | STRING | 맨 위 | Y | N |
TriggerButtonType | 트리거 버튼의 유형을 이중 캐럿, 단일 캐럿, 더하기/빼기 또는 닫기로 설정합니다. | STRING | 이중 캐럿 | Y | N |
TriggerButtonSide | 위젯이 축소 가능한 섹션으로 구성되면 머리글에 있는 트리거 버튼 위치를 제어합니다. | STRING | 왼쪽 | Y | N |
TriggerButtonIcon | 위젯이 축소 가능한 섹션으로 구성되면 트리거 버튼에 표시할 아이콘을 지정합니다. 옵션: 단일 캐럿, 삼각형 | STRING | 단일 캐럿 | Y | N |
ToggleExpandCollapse | 트리거될 경우 패널이 축소된 상태이면 패널을 확장하고 패널이 확장된 상태이면 패널을 축소합니다. | 해당 없음 | 해당 없음 | Y | N |
Expand | 트리거될 경우 동적 패널을 확장합니다. | 해당 없음 | 해당 없음 | Y | N |
Collapse | 트리거될 경우 동적 패널을 축소합니다. | 해당 없음 | 해당 없음 | Y | N |
ResetToDefaultValue | 포함된 모든 위젯을 기본값으로 재설정합니다. | 해당 없음 | 해당 없음 | Y | N |
ResetInputsToDefaultValue | 동적 패널 위젯의 입력을 기본값으로 재설정합니다. | 해당 없음 | 해당 없음 | Y | N |
HandleTooltipField | 핸들을 마우스로 가리킬 때 도구 설명 텍스트를 표시합니다. | STRING | 해당 없음 | Y | Y |
HandleTooltipIcon | 핸들의 도구 설명에 대한 아이콘 이미지를 설정합니다. | 미디어 엔티티 | 해당 없음 | N | N |
TriggerButtonTooltipField | 트리거 버튼을 마우스로 가리킬 때 도구 설명 텍스트를 표시합니다. | STRING | 해당 없음 | Y | Y |
TriggerButtonTooltipIcon | 트리거 버튼의 도구 설명에 대한 아이콘 이미지를 설정합니다. | 미디어 엔티티 | 해당 없음 | N | N |