Mashup Builder > 小器具 > 標準小器具 > 標籤小器具 (主題化)
標籤小器具 (主題化)
「標籤」小器具可讓您將混搭內容組織為不同的檢視。每個檢視都是一個標籤,其中包含您可以使用小器具內容定義的標籤。在執行時間,一次只能開啟一個標籤,目前標籤會使用底線反白。「標籤」小器具是一種回應式小器具,它會根據其容器的大小增大及縮小。您可藉由控制容器的尺寸,或使用小器具 WidthHeight 內容,將小器具設定為固定寬度或高度。
* 
「標籤」小器具可作為平台中的標準小器具使用,也可作為可從 SDK 匯入的 web 元件使用。
您可透過下列方式配置小器具:
指定標籤及其標籤的數目。
指定在執行時間檢視混搭時要開啟的預設標籤。
設定標籤之標籤的最大寬度。
啟用並配置標籤容器的消極式載入。
* 
ThingWorx 9.3.2 或更新版本支援此功能。
在標籤小器具中使用消極式載入
依預設,開啟混搭時,會載入小器具中的所有標籤。當在執行時間觸發諸如混搭 Loaded 事件這類的事件時,會執行繫結至標籤上小器具的服務。當「標籤」小器具包含多個複雜視覺化效果,而這些視覺化效果又包括大型小器具集合時,在背景標籤執行服務與載入小器具可能會降低效能。您可以配置消極式載入來延遲載入非可見標籤,直到在執行時間需要這些標籤為止,如此可以改善混搭與網路效能。當您在小器具上配置消極式載入時,請務必從消極式載入中排除預設標籤,因為當混搭開啟時,它會立即顯示。欲針對小器具中的標籤啟用消極式載入,請執行下列步驟:
1. 在 Mashup Builder 中,選取小器具上的標籤,以顯示其內容。
2. 選取標籤上的容器。容器內容會列在「內容」面板上。
3. 「內容」面板上,將 LazyLoading 內容設定為 True。系統即會列出消極式載入的其他內容、服務及事件。
如需有關消極式載入內容、服務與事件的詳細資訊,請參閱在混搭中使用消極式載入
4. 繫結容器 Loaded 事件,以執行繫結至消極式載入容器內之小器具的任何資料服務。
* 
請避免使用混搭的 Loaded 事件執行消極式載入之容器的服務。只有在開啟標籤或使用 LoadContainer 服務載入容器時,才會顯示服務的已傳回資料。
5. 重複上述步驟,針對小器具上的其他任何標籤啟用消極式載入。
6. 按一下「儲存」,然後按一下「檢視混搭」
在執行時間,當您開啟標籤時,會自動載入消極式載入的標籤。當針對標籤容器啟用 EnableContainerUnload 內容時,會在容器不可見時自動將其卸載,以釋放系統資源並改善效能。當您切換回已卸載的標籤時,會自動重新載入該標籤。您可以建立與標籤的消極式載入服務的其他繫結,以使用混搭中的其他事件手動載入及卸載內容,例如「按鈕」小器具的 Clicked 事件。
小器具內容
* 
所有標籤特定內容 (例如 Tab1NameTab1ValueTab1VisibleTab1Disabled) 依預設都可用於每個標籤。例如,第一個標籤的 Tab1Name 內容會對第二個標籤顯示為 Tab2Name 內容,並對第三個標籤顯示為 Tab3Name
屬性名稱
描述
基礎類型
預設值
可繫結? (Y/N)
可當地語系化? (Y/N)
SelectedTabValue
所選標籤的值。
STRING
n/a
Y
N
Disabled
使用此內容可禁用混搭中的小器具。小器具會顯示在混搭中,但您無法按一下。
BOOLEAN
False
Y
N
SelectedTabName
所選標籤的名稱。
STRING
n/a
Y
N
CustomClass
可讓您定義小器具頂部分區之 CSS。可輸入多個類別,之間以空格分隔。
STRING
n/a
Y
N
TabSequence
使用者按下 Tab 鍵時小器具反白的順序。
NUMBER
n/a
N
N
NumberOfTabs
設定標籤總數。
您可以設定的標籤數上限為 16,下限為 1 個標籤。
NUMBER
2
N
N
DefaultTabNumber
初次載入混搭時,可讓您選取要在執行時間顯示的標籤。為了載入所有後續混搭,會顯示您上次在執行時間選取的標籤。
NUMBER
n/a
Y
N
TabNameHeight
可讓您設定標籤名稱區域的高度。欲隱藏標籤名稱區域,請將此內容設定為 0。
NUMBER
34px
Y
N
Tab1Name
第一個標籤的名稱。
STRING
標籤名稱 1
Y
Y
Tab1Value
第一個標籤的值。
STRING
標籤值 1
Y
N
Tab1Visible
將第一個標籤設定為可見。
BOOLEAN
True
Y
N
Tab1Disabled
使用此內容可禁用混搭中的第一個標籤。標籤會顯示在混搭中,但您無法按一下。
BOOLEAN
False
Y
N
Tab2Name
第二個標籤的名稱。
STRING
標籤名稱 2
Y
Y
Tab2Value
第二個標籤的值。
STRING
標籤值 2
Y
N
Tab2Visible
將第二個標籤設定為可見。
BOOLEAN
True
Y
N
Tab2Disabled
使用此內容可禁用混搭中的第二個標籤。標籤會顯示在混搭中,但您無法按一下。
BOOLEAN
False
Y
N
SelectDefaultTab
這是可繫結的服務,可重新選取針對此小器具配置的預設標籤。
n/a
n/a
Y
N
ResetInputsToDefaultValue
將全部包含的小器具重設為其預設值。
n/a
n/a
Y
N
TabNameMaxWidth
設定標籤名稱的最大寬度。多餘字元會在標籤名稱中截斷。
NUMBER
n/a
Y
N
SwitchTabOnFocus
使用方向鍵變更焦點時,自動切換至焦點標籤。
* 
此內容適用於 ThingWorx 9.3.0 版及更新版本。
BOOLEAN
False
Y
N
這是否有幫助?