📌  相关文章
📜  Primefaces TabView

📅  最后修改于: 2021-01-08 04:33:35             🧑  作者: Mango

PrimeFaces TabView

它是一个容器组件，用于对同一网页上的选项卡中的内容进行分组。 组件用于创建容器。 是的子组件，用于分别创建选项卡。当我们想在同一网页上显示更多信息时，这很有用。

TabView属性

Attribute Default value Type Description
rendered true Boolean It takes boolean value to specify the rendering of the component.
activeIndex 0 Integer It is used to set index of the active tab.
effect null String It is used to set name of the transition effect.
effectDuration null String It is used to set duration of the transition effect.
dynamic false Boolean It enables lazy loading of inactive tabs.
cache true Boolean It is used to set cache.
onTabChange null String It executes when a tab is clicked.
onTabShow null String It executes when a tab is shown.
onTabClose null String It executes on tab close.
style null String It is used to set inline style of the main container.
var null String It is a name of iterator to refer an item in collection.
value null Object It is a collection model to display dynamic tabs.
orientation top String It is used to set orientation of tab headers.
dir ltr String It defines text direction, valid values are ltr and rtl.
scrollable false Boolean When enabled, tab headers can be scrolled
horizontally instead of wrapping.
prependId true Boolean It is used to prepend id.
tabindex 0 String It specify position of the element in the tabbing order.

例

在下面的示例中，我们正在实现组件。本示例包含以下文件。

JSF文件

// tabView.xhtml





TabView





Course Description

输出：