jQuery MiniUI 开发教程 导航控件 Tabs:选项卡(五)

Tabs:选项卡

参考示例:Tabs:选项卡

创建Tabs

<divid="tabs1"class="mini-tabs"activeIndex="0"style="width:350px;height:200px;">

<divtitle="Tab1">

1

</div>

<divtitle="Tab2"iconCls="icon-cut">

2

</div>

<divtitle="Tab3"showCloseButton="true">

3

</div>

<divtitle="Tab4"showCloseButton="true"enabled="false">

4

</div>

</div>

其中,子tab具有如下属性:

NameTypeDescriptionDefault

nameString面板名称

titleString标题文本

newLineBoolean是否换行false

iconClsString标题图标样式类

iconStyleString标题图标样式

headerClsString头部样式类

headerStyleString头部样式

bodyClsString内容区样式类

bodyStyleString内容区样式

visibleBoolean是否显示true

enabledBoolean是否启用true

showCloseButtonBoolean是否显示关闭按钮true

urlString路径地址

onloadFunction加载成功时激发

ondestroyFunction销毁时激发

removeActionStringtab的IFrame销毁时的动作,比如"close","cancel","ok"。

相关推荐