Mashup Builder > 小器具 > 舊有小器具 > 標籤 - 回應式小器具 (舊有)
標籤 - 回應式小器具 (舊有)
回應式標籤小器具是一種特殊類型的容器。小器具內的每個個別標籤 (由您配置標籤數) 都具有自己的內容。雖然所有標籤都會載入自己的內容以供在標籤之間快速切換,但一次只有一個標籤可見。
您可以經由使用另一個混搭環境事件變更 SelectedTabValueName 內容來變更所選的標籤。
內容
如需通用小器具內容的相關資訊,請參閱小器具。下表說明了專屬於回應式標籤小器具的內容。
屬性名稱
描述
基礎類型
預設值
可繫結?(Y/N)
可當地語系化?(Y/N)
CustomClass
要套用至小器具頂部分區之使用者定義的 CSS 類別。可輸入多個類別,之間以空格分隔。
STRING
n/a
Y
N
NumberOfTabs
要顯示的標籤數
NUMBER
2
N
N
DefaultTabAtRuntime
載入混搭時於執行時間使用中的標籤
NUMBER
1
N
N
SelectedTabValue
所選標籤的值
STRING
n/a
Y
N
SelectedTabName
所選標籤的標籤
STRING
n/a
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/a
N
N
Tab1–2Visible
決定標籤可見還是隱藏。
BOOLEAN
true
Y
N
Tab1–2Disabled
決定要禁用還是啟用標籤。
BOOLEAN
false
Y
N
服務
SelectDefaultTab
使用事件來讓標籤控制項回到預設標籤。
ResetInputsToDefaultValue
使用事件來將標籤控制項中的所有輸入小器具重設回其預設值。

事件
TabSelected

會在第一次選取某個標籤時觸發。除了使用者變更標籤時,這個事件還會在頁面第一次載入且選取預設標籤時觸發。
這是否有幫助?