stl:tabs 页签切换

通过 stl:tabs 标签在模板中显示页签切换

stl:tabs 标签用法

页签切换

<stl:tabs
	action="页签切换方式"
	classActive="当前显示页签头部的CSS类"
	classNormal="当前隐藏页签头部的CSS类"
	current="当前页签"
	isDynamic="是否动态显示"
	isHeader="是否为页签头部"
	tabName="页签名称"
></stl:tabs>

以页签(Tab)的方式切换显示内容区域。

属性列表

下表显示所有属于此标签的属性列表。

属性 可能的取值 默认值 简介
tabName     页签名称
isHeader     是否为页签头部
  true 页签头部
  false   页签显示或隐藏主体
action     页签切换方式(isHeader为"true"时起作用)
  Click   点击
  MouseOver 鼠标移动
classActive     当前显示页签头部的CSS类(isHeader为"true"时起作用)
classNormal     当前隐藏页签头部的CSS类(isHeader为"true"时起作用)
current 数字 1 当前显示页签的顺序次数,1代表显示第一个页签,2代表显示第二个页签,以此类推。(isHeader为"true"时起作用)
isDynamic     是否动态显示
  true   动态显示
  false 静态显示

注意

<stl:tabs> 标签用于以页签的方式切换显示内容区域,必须同时定义两个 <stl:tabs> 标签,一个代表页签头部,一个代表页签内容(isHeader属性分别为"true"及"false");同时两个 <stl:tabs> 标签的页签名称(tabName )属性必须设置为同一个字符串。
action 属性用于控制页签切换的方式,可以点击页签头部切换(Click),也可以鼠标移动到页签头部切换(MouseOver)。
classActiveclassNormal 属性用于切换页签时更改头部区域的CSS类,classActive 指定页签显示时头部的显示样式,classNormal 指定页签隐藏是头部的显示样式。

current 属性用于设置当前显示的页签,默认为显示第一个页签。

<stl:tabs>标签对应的实体为{stl:tabs}