API
Component

Tabs ($UI/system/components/justep/tabs/tabs)

使用范围：UI2

Contents

component Tabs ($UI/system/components/justep/tabs/tabs) extends ViewComponent

<b>使用场景</b>：实现点击页签切换不同内容的标签页; <b>使用方法</b>：添加tabs组件，在tabs上右键添加内容页，在content中添加要展示的内容; ## <b>文档链接</b>：#http://docs.newdao.net/zhuo-mian-bu-ju-zu-jian/duo-ye-qie-huan.html#

Constructor Top

  Tabs ()
  Tabs ( options)

Attributes Top

string xid

Methods Top

void setActiveTab (String 目标页签)

Operations Top

void setActiveTab (String tab的xid)

Events Top

void onBeforeSelect (BeforeSelectEvent event)
void onSelect (SelectEvent event)

Constructor details Top

public Tabs ()

<b>使用场景</b>：实现点击页签切换不同内容的标签页; <b>使用方法</b>：添加tabs组件，在tabs上右键添加内容页，在content中添加要展示的内容; ## <b>文档链接</b>：#http://docs.newdao.net/zhuo-mian-bu-ju-zu-jian/duo-ye-qie-huan.html#

public Tabs ( options)

构造函数

Inherited from ViewComponent

	
		参数options格式类似{parent:xx, config:{}}，parent是组件的父节点，允许为空或不指定，config是组件的参数选项

Parameters

options

参数选项

Attributes Detail Top

public string xid

Methods Detail Top

public void setActiveTab (String 目标页签)

激活页签

Parameters

String 目标页签

Return Value

void

Operations Detail Top

public void setActiveTab (String tab的xid)

切换到指定的tab

See Tabs#setActiveTab

Parameters

String tab的xid

Return Value

void

Events Detail Top

public void onBeforeSelect (BeforeSelectEvent event)

[回调型事件]当切换tab前触发

Parameters

BeforeSelectEvent event


结构如下：

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文，包含$model、$object等具体请参考bindingContext说明 "tab" : tab的jquery对象, "cancel" : 取消切换， 默认为false }

Return Value

void

public void onSelect (SelectEvent event)

[回调型事件]当切换tab完触发

Parameters

SelectEvent event


结构如下：

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文，包含$model、$object等具体请参考bindingContext说明 "tab" : tab的jquery对象 }

Return Value

void