Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ushelp/easybootstraptabs
Bootstrap3 tabs plugin. Provide multi-tab create, close button, right-click menu close, refresh and js API.
https://github.com/ushelp/easybootstraptabs
bootstrap bootstrap-tab bootstrap-tabs bootstrap3 bootstrap3-tabs multi-tab tabs togglable-tabs
Last synced: 30 days ago
JSON representation
Bootstrap3 tabs plugin. Provide multi-tab create, close button, right-click menu close, refresh and js API.
- Host: GitHub
- URL: https://github.com/ushelp/easybootstraptabs
- Owner: ushelp
- License: mit
- Created: 2017-07-18T14:26:15.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-08-13T07:07:23.000Z (over 5 years ago)
- Last Synced: 2024-10-09T18:19:42.000Z (about 1 month ago)
- Topics: bootstrap, bootstrap-tab, bootstrap-tabs, bootstrap3, bootstrap3-tabs, multi-tab, tabs, togglable-tabs
- Language: HTML
- Size: 366 KB
- Stars: 3
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# EasyBootstrapTabs
**EasyBootstrapTabs 是针对 Bootstrap3(及基于 Bootstrap3 的其他 UI 框架，如 ACE 等等) Togglable tabs 的扩展插件。**
**为 Bootstrap 提供多标签页创建，关闭按钮，右键菜单关闭，刷新及标签管理 API。**
**EasyBootstrapTabs is an extension to Togglable tabs for Bootstrap3 (and other UI frameworks based on Bootstrap3, such as ACE, etc.).**
**Provide multi-tab create, close button, right-click menu close, refresh and js API.**
## Feature/特点
- **中文**
- 多标签创建，关闭，关闭记忆
- 右键菜单：关闭，关闭其他，关闭所有，关闭左侧，关闭右侧，刷新
- JavaScript API：`addTab`, `removeTab`, `removeAllTab`, `selectTab`, `refreshTab`
- **English**
- Multi-label creation, closing, closing memory
- right-click menu: close, close other, close all, close left, close right, refresh
- JavaScript API: `addTab`,` removeTab`, `removeAllTab`,` selectTab`, `refreshTab`
## Demo
## Installation/安装
- Download install/下载安装
- Npm install/Npm 安装
```BASH
npm install easybootstraptabs
```
## Get Started/开始使用
### Tab structure/Tab 结构
```HTML
Test API
```
### EasyBootstrapTabs initialization/初始化
```HTML
#myTab span.glyphicon-remove {
cursor: pointer;
color: #a94442
}
#myTab span.glyphicon-remove:hover {
cursor: pointer;
color: #D72A1F
}
// EasyBootstrapTabs init
EasyBootstrapTabs.init('#myTab');
```
## JavaScript API
- **addTab**
```
/**
* add Tab
* @param {Object} id tab id, unique
* @param {Object} text, tab text
* @param {Object} url, load content url
* @param {Object} params optional; url params data
*/
addTab: function(id, text, url, data)
```
- **removeTab**
```
/**
* Remove tab by id
* @param {String} id tab id
* @param {Boolean} Optional; Remove the tab include without close button tab
*/
removeTab: function(id[, force])
```
- **removeAllTab**
```
/**
* Remove all tabs
* @param {Boolean} Optional; Remove the tab include without close button tab
*/
removeAllTab: function(force)
```
- **selectTab**
```
/**
* Show tab by id
* @param {String} id
* @return {Boolean} Is checked; if does not exist return false
*/
selectTab: function(id)
```
- **refreshTab**
```
/**
* Use tab url refresh tab; if there is no url is not refreshed
* @param {Object} id tab id
*/
refreshTab: function(id)
```
## End
Email：
[http://www.easyproject.cn](http://www.easyproject.cn "EasyProject Home")
**Donation/捐助:**
我们相信，每个人的点滴贡献，都将是推动产生更多、更好免费开源产品的一大步。
**感谢慷慨捐助，以支持服务器运行和鼓励更多社区成员。**
We believe that the contribution of each bit by bit, will be driven to produce more and better free and open source products a big step.
**Thank you donation to support the server running and encourage more community members.**