ESUI - Tab


List of Tables

1. 初始化参数
2. 公共实例方法
3. 事件

1. 继承层级

Tab - Control

2. 说明

Tab控件可以用于标签页的切换。每个tab项可以对应一个容器元素,Tab控件自动控制容器的切换。

标签页的列表数据是一个数组。其中每一项是具有title和panel属性的Object。title属性为字符串,代表显示的标题。panel属性指定一个容器HTMLElement的id,为可选属性。

[
	{title:'one', panel:'panel1'},
	{title:'two', panel:'panel2'},
	{title:'three', panel:'panel3'},
	{title:'four'}
]

3. 初始化参数

Table 1. 初始化参数

名称描述
{number} activeIndex当前活动的标签页的索引。
{boolean} allowClose是否允许关闭标签。
{boolean} disabledtab的不可用状态。处于不可用状态时无法切换tab。
{HTMLElement} main控件主元素。
{Array} tabs标签页的列表。

4. 公共实例方法

Table 2. 公共实例方法

名称描述
{void} add( {Object} tab )添加标签。
{void} appendTo( {HTMLElement} wrap )将控件添加到页面的某个元素中。
{void} disable( {void} )设置控件状态为禁用。
{void} enable( {void} )设置控件状态为启用。
{boolean} isDisabled( {void} )获取控件可用状态。
{void} remove( {number} index )移除标签。
{void} render( {void} )绘制控件。
{void} select( {number} index )选择标签。

5. 事件

Table 3. 事件

名称描述
{boolean} onchange: ( {number} index, {Object} tab )当切换标签时触发。
{boolean} onclose: ( {number} index, {Object} tab )当用户关闭标签时触发。