標籤小器具
標籤小器具是一種特殊類型的容器。小器具內的每個標籤都具有自己的內容。雖然所有標籤都會載入自己的內容以供在標籤之間快速切換，但一次只有一個標籤可見。
您可以經由使用另一個混搭環境事件變更 SelectedTabValue 或 Name 內容來變更所選的標籤。
內容
|
屬性名稱
|
描述
|
基礎類型
|
預設值
|
可繫結?(Y/N)
|
可當地語系化?(Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
要套用至小器具頂部分區之使用者定義的 CSS 類別。可輸入多個類別，之間以空格分隔。
|
STRING
|
n/a
|
Y
|
N
|
|
NumberOfTabs
|
要顯示的標籤數
|
NUMBER
|
1
|
N
|
N
|
|
DefaultTabAtRuntime
|
要在載入混搭時於執行時間顯示的標籤
|
NUMBER
|
1
|
N
|
N
|
|
SelectedTabValue
|
所選標籤的值
|
STRING
|
true
|
N
|
N
|
|
SelectedTabName
|
所選標籤的名稱
|
STRING
|
true
|
N
|
N
|
|
TabHeight
|
小器具中標籤的高度
|
NUMBER
|
27
|
N
|
N
|
|
MaxTabWidth
|
截斷之前的最大標籤寬度 (像素)。工具提示中會顯示全文字。
|
NUMBER
|
27
|
N
|
N
|
|
TabSpacing
|
小器具中標籤之間的間距
|
NUMBER
|
2
|
N
|
N
|
|
RoundedCorners
|
以圓角還是尖角顯示標籤
|
BOOLEAN
|
true
|
N
|
N
|
|
Tab1Name
|
標籤的標籤。這是顯示在混搭上的標籤名稱，也是在觸發使用者標籤變更事件時用於 SelectedTabName 的值。
|
STRING
|
Tab1Name
|
N
|
Y
|
|
Tab1Value
|
標籤的值。這是在觸發使用者標籤變更事件時用於 SelectedTabValue 的值。
|
STRING
|
Tab1Value
|
N
|
N
|
|
Tab1Image
|
針對標籤顯示的圖像。會從 MediaEntities 中選擇圖像。
|
IMAGE
|
n/a
|
N
|
N
|
|
Tab1Visible
|
決定標籤可見還是隱藏。
|
BOOLEAN
|
true
|
Y
|
N
|
|
Tab1Disabled
|
決定要禁用還是啟用標籤。
|
BOOLEAN
|
false
|
Y
|
N
|
服務
SelectDefaultTab
使用事件來讓標籤控制項回到預設標籤。
ResetInputsToDefaultValue
使用事件來將標籤控制項中的所有輸入小器具重設回其預設值。
事件
TabSelected
會在第一次選取某個標籤時觸發。除了使用者變更標籤時，這個事件還會在頁面第一次載入且選取預設標籤時觸發。