📅  最后修改于: 2021-01-08 04:41:01             🧑  作者: Mango
该组件是工作流程中步骤的指示器。它表明我们现在处于哪个步骤。用于显示多步骤应用程序中的当前步骤。
组件用于在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. |
在下面的示例中,我们正在实现组件。本示例包含以下文件。
// steps.xhtml
Steps
PrimeFaces Steps
输出:
如果我们更改activeIndex = 3,它将产生以下输出。