选项卡 - 响应式小组件
响应式选项卡小组件是特殊类型的容器。小组件中的每个单独的选项卡 (您配置选项卡的数量) 都有其自己的内容。尽管所有选项卡都会载入其内容以便在选项卡之间快速切换，但是一次只能看到一个选项卡。
您可以更改选定的选项卡，方法是使用另一个混搭环境事件来更改 SelectedTabValue 或 Name 属性。
属性
|
属性名称
|
说明
|
基本类型
|
默认值
|
是否可绑定?(Y/N)
|
是否可本地化?(Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
用户定义的 CSS 类，应用于小组件顶层 div。可以输入多个类，以空格作为分隔符。
|
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
|
为选项卡显示的图像。从 MediaEntities 中选择的图像。
|
IMAGE
|
不适用
|
N
|
N
|
|
Tab1–2Visible
|
确定选项卡是可见还是隐藏。
|
BOOLEAN
|
True
|
Y
|
N
|
|
Tab1–2Disabled
|
确定选项卡是禁用还是启用。
|
BOOLEAN
|
false
|
Y
|
N
|
服务
SelectDefaultTab
使用事件将选项卡控件返回到默认选项卡。
ResetInputsToDefaultValue
使用事件将选项卡控件中的所有输入小组件重置为默认值。
事件
TabSelected
第一次选择选项卡时将会触发。此事件在页面首次载入时触发，除了用户更改选项卡之外，还会选择默认选项卡。