📜  Primefaces步骤

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

PrimeFaces步骤

该组件是工作流程中步骤的指示器。它表明我们现在处于哪个步骤。用于显示多步骤应用程序中的当前步骤。

组件用于在JSF应用程序中创建步骤指示器。它具有下表列出的各种重要属性。

步骤属性

Attribute Default value Type Description
id null String It is a unique identifier of the component.
rendered true Boolean It takes boolean value to specify the rendering of the component.
model null MenuModel It is used to build menu dynamically.
style null String It is used to set inline style of the component.
activeIndex 0 Integer It is an index of the active tab.
widgetVar null String It is used to set name of the client side widget.
readonly true Boolean It is used to make component readonly.

剥皮

以下是结构样式类的表。

Style Class Applies
.ui-steps It applies on main container element.
.ui-steps-item It applies on step element.
.ui-steps-name It applies on name of the step.
.ui-steps-item This class is used for number of the step.

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

JSF文件

// steps.xhtml





Steps


PrimeFaces Steps

输出:

如果我们更改activeIndex = 3,它将产生以下输出。