jQuery MiniUI 开发教程导航控件 Tabs：选项卡（五）

最新推荐文章于 2023-11-15 16:28:48 发布

iteye_4698

最新推荐文章于 2023-11-15 16:28:48 发布

阅读量1.6k

点赞数

分类专栏： jquery 文章标签： jquery UI Ajax JavaScript tabs ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

这篇教程详细介绍了如何使用jQuery MiniUI库来创建和定制选项卡(Tabs)控件。内容包括设置不同属性，如标题、图标、关闭按钮等，以及相关事件的处理，如加载成功和销毁时的回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]Tabs：选项卡[/b]
[img]http://www.miniui.com/docs/api/images/tabs.gif[/img]

参考示例：[url=http://www.miniui.com/demo/tabs/tabs.html]Tabs：选项卡[/url]
[b]创建Tabs[/b]
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:350px;height:200px;">
<div title="Tab1">
1
</div>
<div title="Tab2" iconCls="icon-cut" >
2
</div>
<div title="Tab3" showCloseButton="true">
3
</div>
<div title="Tab4" showCloseButton="true" enabled="false">
4
</div>
</div>

其中，子tab具有如下属性：
Name Type Description Default
name String 面板名称
title String 标题文本
newLine Boolean 是否换行 false
iconCls String 标题图标样式类
iconStyle String 标题图标样式
headerCls String 头部样式类
headerStyle String 头部样式
bodyCls String 内容区样式类
bodyStyle String 内容区样式
visible Boolean 是否显示 true
enabled Boolean 是否启用 true
showCloseButton Boolean 是否显示关闭按钮 true
url String 路径地址
onload Function 加载成功时激发
ondestroy Function 销毁时激发
removeAction String tab的IFrame销毁时的动作，比如"close","cancel","ok"。