layTabPluslayUI 后臺 Tab 布局框架的擴展插件

一、簡介

layTabPlus是一個layUI后臺Tab布局框架的擴展插件，實現(xiàn)了Tab管理、刷新按鈕、iframe優(yōu)化等功能。

項目地址：https://gitee.com/Leytton/layTabPlus 

Demo演示：http://leytton.gitee.io/laytabplus

效果截圖： ( ThinkJDBC 經(jīng)歷了多次蛻變后,已經(jīng)成為一個很不錯的項目，請給它一次機會 ) 

二、特性

• 添加刷新按鈕

• 美化部分css樣式

• 支持iframe跨域刷新

• 自動調(diào)整iframe高度

• 禁止iframe父窗口跳轉(zhuǎn)模式

• 可設(shè)置靜態(tài)不允許關(guān)閉的模塊

三、使用方法

首先引入js文件

<script src="https://leytton.gitee.io/laytabplus/js/layTabPlus.js"></script>

初始化方法

layTabPlus.init({lay_filter: 'demoTab'});

1、在DOM元素上添加class="layTabPlus"和tab_url="iframe地址"即可，調(diào)用初始化方法會自動綁定點擊事件。點擊時自動獲取該元素的innerHTML作為標(biāo)題。如:

百度

2、也可以直接調(diào)用方法layTabPlus.addTab()添加

(1)、指定url addTab(url[,title]) //第一個參數(shù)是url地址

(2)、傳入DOM元素addTab(this),處理方式參考方法一

四、相關(guān)設(shè)置

(1) 禁止iframe跳轉(zhuǎn)(默認(rèn)禁止跳轉(zhuǎn))

全局設(shè)置:

layTabPlus.init({
lay_filter: 'demoTab'，
tab_jump:false
});

局部設(shè)置:

百度

(2)靜態(tài)模塊不允許關(guān)閉

參考demo代碼 添加noclose樣式即可

基本信息

五、開源協(xié)議

Apache License 2.0 請放心食用:)