RichFaces <rich:progressBar>

2025 年 3 月 17 日 | 阅读 1 分钟

它用于显示进度条以指示进程的状态。它可以通过 Ajax 或在客户端更新，并且外观和感觉可以完全自定义。

它需要 value 属性，该属性保存当前进度值。当该值大于或等于最小值 0 时，进度条变为活动状态并开始发送 Ajax 请求。

样式类和皮肤参数

下表包含 progressBar 的样式类和外观参数。

Class	函数	皮肤参数	映射的 CSS 属性
.rf-pb-lbl	它用于定义进度条上标签的样式。	无皮肤参数。
.rf-pb-prgs	它用于定义进度条的进度部分的样式。	panelBorderColor selectControlColor	border-color background-color
.rf-pb-init, .rf-pb-fin	这些类定义初始状态和完成状态的样式。	generalTextColor generalFamilyFont generalSizeFont	color font-family font-size

示例

在下面的示例中，我们正在实现 <rich:progressBar> 组件。此示例包含以下文件。

JSF 文件

// progressbar.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
<h:head>
<title>Progress Bar </title>
</h:head>
<h:body>
<h:form>
<h:outputText value="Progress Bar" /><br/>
<rich:progressBar value="#{progressBar.increment_value}" />
</h:form>
</h:body>
</f:view>
</ui:composition>

托管 Bean

// ProgressBar.java

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class ProgressBar {
private int increment_value = 70;
public int getIncrement_value() {
return increment_value;
}
public void setIncrement_value(int increment_value) {
this.increment_value = increment_value;
}
}

输出

下一主题RichFaces <rich:tooltip>

RichFaces <rich:progressBar>

样式类和皮肤参数

示例

JSF 文件

托管 Bean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

RichFaces 教程

Ajax 组件

皮肤和主题

UI 组件

面试题

RichFaces <rich:progressBar>

样式类和皮肤参数

示例

JSF 文件

托管 Bean

相关帖子

rich:list

rich:dataGrid

rich:toolbar

rich:messages

rich:notifyStack

rich:dataScroller

rich:panel

rich:editor

rich:pickList

rich:orderingList

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器