1. Введение

layTabPlus — это плагин, расширяющий возможности фреймворка layUI для создания Tab-интерфейса на бэкенде. Он реализует функции управления вкладками, добавления кнопок обновления, оптимизации фреймов и другие.

Адрес проекта: https://gitee.com/Leytton/layTabPlus. Демонстрационная версия: http://leytton.gitee.io/laytabplus.

Снимок экрана с примером работы: (ThinkJDBC после нескольких преобразований стал неплохим проектом, дайте ему шанс )

2. Особенности

• Добавление кнопок обновления.
• Улучшение некоторых стилей CSS.
• Поддержка междоменного обновления фреймов.
• Автоматическое изменение высоты фрейма.
• Запрет перехода родительского окна в режим прыжка.
• Возможность установки статических модулей, которые нельзя закрыть.

3. Использование

Сначала импортируйте файл JS

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

Метод инициализации

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

1. Добавьте класс «layTabPlus» и атрибут «tab_url» со значением «адрес фрейма» к элементу DOM. После вызова метода инициализации будет автоматически привязано событие клика. При клике будет автоматически получен innerHTML этого элемента как заголовок. Например:

<a href="javascript:;" class="layTabPlus" tab_url="http://www.baidu.com">百度</a>

2. Также можно напрямую вызвать метод layTabPlus.addTab() для добавления:

(1) Указать URL addTab(url[,title]) // Первый параметр — адрес URL.

(2) Передать элемент DOM addTab(this), способ обработки см. в методе 1.

4. Связанные настройки

(1) Запретить переход фрейма (по умолчанию переход запрещён)

Глобальная настройка:

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

Локальная настройка:

<a href="javascript:;" class="layTabPlus" tab_jump="false" tab_url="http://www.baidu.com" >百度</a>

(2) Не разрешать закрытие статического модуля

См. демонстрационный код для добавления стиля «noclose».

<li class="layui-this noclose" lay-id='base_info'>基本信息</li>

5. Лицензия с открытым исходным кодом

Apache License 2.0. Пожалуйста, используйте без опасений :)