Bootstrap标签页组件及bootstrap-tab怎么用

小编给大家分享一下Bootstrap标签页组件及bootstrap-tab怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

目前成都创新互联公司已为上千多家的企业提供了网站建设、域名、网页空间、网站改版维护、企业网站设计、诏安网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

bootstrap-tab

Bootstrap标签页组件及bootstrap-tab怎么用

bootstrap-tab组件是对原生的bootstrap-tab组件的封装,方便开发者更方便地使用,主要包含以下功能:

tab页初始化
关闭tab页
新增tab
显示tab页
获取tab页ID

使用

Step1 :引入样式




Step2:引入脚本



Step3:使用

参数和方法说明

参数说明

参数名称默认值可选值说明
data

tab页数据来源(对象列表),包含id,text,url,closeable属性
id

必须,单个tab的id
text

必须,单个tab页的标题
url

必须,单个tab页的内容url
closeablefalsetrue,false单个tab页是否可关闭
showIndex0
默认显示页的索引
loadAlltruetrue,falsetrue=一次全部加在页面,false=只加在showIndex指定的页面,其他点击时加载,提高响应速度

方法说明

方法名称参数参数说明方法说明
init

tab组件初始化入口方法
builderdatatab数据构建tab页的主方法
loadData

加载tab页的内容,根据loadAll即时加载或者点击时加载
addTabobj单个tab的数据增加一个tab页
showTabtabIdtab的id根据id显示tab页
getCurrentTabId

获取当前活动tab页的ID

以上是“Bootstrap标签页组件及bootstrap-tab怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


标题名称:Bootstrap标签页组件及bootstrap-tab怎么用
网页网址:http://scyanting.com/article/ghgded.html

其他资讯