Tabpanel

A tabpanel is the body of a single tab panel. You would place the content for a group of components within a tab panel. The first tabpanel corresponds to the first tab, the second tabpanel corresponds to the second tab and so on.

<zk>
<tabbox width="400px">
    <tabs>    
        <tab label="Tab 1"/>        
        <tab label="Tab 2"/>        
    </tabs>    
    <tabpanels>    
        <tabpanel>This is panel 1</tabpanel>        
        <tabpanel>This is panel 2</tabpanel>        
    </tabpanels>    
</tabbox>
<space/>
<tabbox width="400px" mold="accordion">
    <tabs>    
        <tab label="Tab 3"/>        
        <tab label="Tab 4"/>        
    </tabs>    
    <tabpanels>    
        <tabpanel>This is panel 3</tabpanel>        
        <tabpanel>This is panel 4</tabpanel>        
    </tabpanels>    
</tabbox>
</zk>

Class Name

org.zkoss.zul.Tabpanel

Supported Child Components

*ALL

Supported Events

Event Name

Event Type

onClick

org.zkoss.zk.ui.event.MouseEvent

Description:

Denotes user has clicked the component.

onRightClick

org.zkoss.zk.ui.event.MouseEvent

Description:

Denotes user has right-clicked the component.

onDoubleClick

org.zkoss.zk.ui.event.MouseEvent

Description:

Denotes user has double-clicked the component.

Properties

*NONE

Methods

Name

Description

Data Type

Values

getIndex

Returns the index of this panel, or -1 if it doesn't belong to any tabpanels.

int

getLinkedTab

Returns the tab associated with this tab panel.

Tab

getTabbox

Returns the tabbox owns this component.

Tabbox

isSelected

Returns whether this tab panel is selected.

boolean

Inherited From