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)。
classActive
及 classNormal
属性用于切换页签时更改头部区域的CSS类,classActive 指定页签显示时头部的显示样式,classNormal 指定页签隐藏是头部的显示样式。
current
属性用于设置当前显示的页签,默认为显示第一个页签。
<stl:tabs>
标签对应的实体为{stl:tabs}
。