tabs - ChinaSS/Util GitHub Wiki

#Tabs

简介

Tabs为Sword-room首页页签组件

获取

通过window.top.tabs可以获取到首页页签组件对象

##对象API

名称	参数	说明	返回值
addTab	config：详见下面config对象	添加页签操作	暂无
closeTab	tabId：页签的id	关闭页签	暂无
closeOtherTab	无	关闭选中页签之外的其他页签	暂无
closeAllTab	无	关闭所有页签	暂无
selectTab	tabId：页签的id	选中/激活指定页签	暂无
getTabWin	tabId：页签的id	获取指定页签的window对象（iframe时有效）	window对象
getTab	tabId：页签的id	获取指定页签的tab对象	tab对象
onSelect	tabId：页签的id，callback：回调方法	注册指定页签“选中/激活”时的回调方法	暂无
onBlur	tabId：页签的id，callback：回调方法	注册指定页签离开“选中/激活”时的回调方法	暂无

注意：tabId是页签对应的菜单的路由地址，如果是手动添加的页签，那么tabId就是config对象里面的id

##config对象

属性名	属性类型	说明	参数
id	string	新增页签的id	无
title	string	新增页签的标题	无
remote	obj：详见下面remote对象	新增页签模板信息	无
closable	boolean：默认true	新增页签是否可以关闭	无

remote对象

属性名	属性类型	说明	参数
url	string	新增页签模板的地址	无
iframe	boolean：默认false	是否使用iframe包装	无
afterLoad	function	加载页签模板成功后回调方法（iframe=false有效）	暂无
param	obj	iframe的src属性的参数（iframe=true时有效）	暂无

特殊说明

如果新增页签满足菜单配置，比如包括html和ctrl两项配置，这样可以通过以下方式添加页签

window.top.tabs.addTab({
  id: "demo",
  title: "样例",
  remote: {
    url: getServer() + "/static/core/page/home/subHome.jsp", //公共容器
    iframe: true,
    param: {
      html:"static/core/**.html",
      ctrl:"stataic/core/**.js"
    }
  }
})

如果新增页签为自定义，比如http:wwws.baidu.com，这样可以通过以下方式配置

window.top.tabs.addTab({
  id: "demo",
  title: "样例",
  remote: {
    url: "https://www.baidu.com",
    iframe: true
  }
})