Tabpanel"
From Documentation
m |
m (→Example) |
||
Line 15: | Line 15: | ||
[[Image:ZKComRef_Containers_Tabpanel.PNG]] | [[Image:ZKComRef_Containers_Tabpanel.PNG]] | ||
− | < | + | <source lang="xml" > |
<zk> | <zk> | ||
<tabbox width="400px"> | <tabbox width="400px"> | ||
Line 39: | Line 39: | ||
</tabbox> | </tabbox> | ||
</zk> | </zk> | ||
− | </ | + | </source> |
=Supported events= | =Supported events= |
Revision as of 10:54, 21 September 2010
Tabpanel
Employment/Purpose
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.
Example
File:ZKComRef Containers Tabpanel.PNG
<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>
Supported events
MouseEvent
Description: Denotes user has clicked the component. | |
MouseEvent
Description: Denotes user has right-clicked the component. | |
MouseEvent
Description: Denotes user has double-clicked the component. |
Supported Children
*ALL
Use cases
Version | Description | Example Location |
---|---|---|
3.6 | How to put a scrollbar inside a tabpanel | http://www.zkoss.org/forum/listComment/9889 |
3.6 | How to make a tabpanel loaded on demand | http://www.zkoss.org/forum/listComment/6236 |
See also: Tabbox
Version History
Version | Date | Content |
---|---|---|