Tabs

标签页
KISSY.use('tabs',function(S,Tabs){
    // use Tabs
});

Class

Static Properties

Class Detail

class tabs.Tabs
Tabs (config)
Tabs: ‘tabs’
  • 继承自 Control , 包含其全部配置,属性,方法,事件.
Parameters:config (Object) – 配置项,详细见下方 Configs Detail .

Configs Detail

Tabs.config.items

{Object[]} - 对象数组,可用于快速构建 tabs,单个对象包括 title 与 content 两个属性

Tabs.config.changeType

{String} - 枚举自 ChangeType .

Tabs.config.barOrientation

{String} - 枚举自 Orientation .

Methods Detail

Tabs.prototype.addItem()
addItem(item )
添加一个 tab 和 panel
Parameters:
  • item ({Object}) – 对象描述
  • item.title ({Object}) – tab 标题
  • item.content ({Object}) – panel 内容
Tabs.prototype.removeItemAt()
removeItemAt(index,destroy )
是否移除指定位置的 item
Parameters:
  • index ({Number}) – item 下标
  • destroy ({Boolean}) – 是否销毁节点
Tabs.prototype.removeItemByTab()
removeItemByTab(tab, destroy )
是否移除 tab 所在位置的 item
Parameters:
  • tab ({Tabs.Tab}) – tab 实例
  • destroy ({Boolean}) – 是否销毁节点
Tabs.prototype.removeItemByPanel()
removeItemByPanel(panel, destroy )
是否移除 panel 所在位置的 item
Parameters:
  • panel ({Tabs.Panel}) – panel 实例
  • destroy ({Boolean}) – 是否销毁节点
Tabs.prototype.getSelectedTab()
getSelectedTab( )
得到选中的 tab 实例
Returns:{Tabs.Tab}
Tabs.prototype.getSelectedPanel()
getSelectedPanel( )
得到选中的 panel 实例
Returns:{Tabs.Panel}
Tabs.prototype.getTabs()
getTabs( )
得到所有 tab 实例数组
Returns:{Tabs.Tab[]}
Tabs.prototype.getPanels()
getPanels( )
得到所有 panel 实例数组
Returns:{Tabs.Panel[]}
Tabs.prototype.setSelectedTab()
setSelectedTab( tab )
设置某个 tab 实例为选中
Tabs.prototype.setSelectedPanel()
setSelectedPanel( panel )
设置某个 panel 实例为选中

Static Attributes

Tabs.Orientation

{Object} -

{
    TOP: 'top',
    BOTTOM: 'bottom',
    LEFT: 'left',
    RIGHT: 'right'
}
Tabs.ChangeType

{Object} -

{
    MOUSE:'mouse',
    CLICK:'click'
}

Events Details

Tabs.Events.beforeSelectedTabChange()
beforeSelectedTabChange (e)
选中 tab 改变前触发
Parameters:
  • e (EventObject) – 触发事件对象
  • e.newVal ({Tabs.Tab}) – 新的 tab 实例
Tabs.Events.afterSelectedTabChange()
beforeSelectedTabChange (e)
选中 tab 改变后触发
Parameters:
  • e (EventObject) – 触发事件对象
  • e.newVal ({Tabs.Tab}) – 新的 tab 实例