README.md · hanbingkun/tab-selector

# tab-selector

#### 介绍

该项目是Tab选项卡，用于后台系统Tab选项卡，支持选项卡操作：刷新，关闭当前，关闭左边，关闭右边，关闭其它，关闭所有。除此还有固定的首页，锁定页面。

### 安装教程

css引用：

```html

js引用
```html

#### 使用说明

```

/**
 * 重新创建
 * @param setting
 */
$.tabSelector.renew(setting: TabSelectorSetting | undefined = undefined);

/**
 * 初始化
 */
$.tabSelector.init();

/**
 * 初始化菜单按钮
 * @param action 选择器或者元素
 */
$.tabSelector.initLinkAction(action: any);

/**
 * 打开页面
 * @param url url链接
 * @param title 标题
 * @param option 可选配置
 */
$.tabSelector.openPage(url: string | undefined, title: string | undefined, option: any = undefined);

/**
 * 打开页面
 * @param keyOrIndex 键
 */
$.tabSelector.openExistPage(keyOrIndex: string | number | undefined);

/**
 * 刷新页面
 * @param url url链接
 */
$.tabSelector.flushPageByUrl(url: string);

/**
 * 刷新页面
 * @param key 键
 */
$.tabSelector.flushPageByKey(key: string);

/**
 * 锁定页面
 * @param url url链接
 */
$.tabSelector.lockPageByUrl(url: string);

/**
 * 锁定页面
 * @param key 键
 */
$.tabSelector.lockPageByKey(key: string);

/**
 * 解锁页面
 * @param url url链接
 */
$.tabSelector.unlockPageByUrl(url: string);

/**
 * 解锁页面
 * @param key 键
 */
$.tabSelector.unlockPageByKey(key: string);

/**
 * 关闭页面
 * @param url url链接
 */
$.tabSelector.delCurrentPageByUrl(url: string);

/**
 * 关闭页面
 * @param key 键
 */
$.tabSelector.delCurrentPageByKey(key: string);

/**
 * 关闭其它页面
 * @param url url链接
 */
$.tabSelector.delOtherPageByUrl(url: string);

/**
 * 关闭其它页面
 * @param key 键
 */
$.tabSelector.delOtherPageByKey(key: string);

/**
 * 关闭所有页面
 * @param url url链接
 */
$.tabSelector.delAllPageByUrl(url: string);

/**
 * 关闭所有页面
 * @param key 键
 */
$.tabSelector.delAllPageByKey(key: string);

/**
 * 关闭左边页面
 * @param url url链接
 */
$.tabSelector.delLeftPageByUrl(url: string);

/**
 * 关闭左边页面
 * @param key 键
 */
$.tabSelector.delLeftPageByKey(key: string);

/**
 * 关闭右边页面
 * @param url url链接
 */
$.tabSelector.delRightPageByUrl(url: string);

/**
 * 关闭右边页面
 * @param key 键
 */
$.tabSelector.delRightPageByKey(key: string);
```

hanbingkun/tab-selector

简介

发行版

贡献者

近期动态

hanbingkun/tab-selector .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

hanbingkun/tab-selector