基于Bootstrap的标签页组件及bootstrap

基于Bootstrap的标签页组件及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

closeable

false

true,false

ZrPYgUskL 单个tab页是否可关闭

showIndex

0

默认显示页的索引

loadAll

true

true,false

true=一次全部加在页面,false=只加在showIndex指定的页面，其他点击时加载，提高响应速度

方法说明

方法名称

参数

参数说明

方法说明

init

tab组件初始化入口方法

builder

data

tab数据

构建tab页的主方法

loadData

加载tab页的内容，根据loadAll即时加载或者点击时加载

addTab

obj

单个tab的数据

增加一个tab页

showTab

tabId

tab的id

根据id显示tab页

getCurrentTabId

获取当前活动tab页的ID

相关链接

如何写一个前端组件(以bootstrap-tab为例)

bootstrap-tab的github地址：https://github.com/bill1012/bootstrap-pager

总结

以上所述是给大家介绍的基于Bootstrap的标签页组件及bootstrap-tab使用说明，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。