RichFaces rich（progressBar用法） rich组件|RichFaces

本文概述

样式类和皮肤参数
例子

它用于显示进度条以指示过程的状态。它可以通过Ajax或在客户端进行更新, 并且外观可以完全自定义。
它需要保留当前进度值的value属性。当该值大于或等于最小值0时, 进度条将变为活动状态并开始发送Ajax请求。
样式类和皮肤参数下表包含progressBar的Style类和外观参数。

Class	Function	Skin Parameters	映射的CSS属性
.rf-pb-lbl	它用于定义进度条上标签的样式。	没有皮肤参数。
.rf-pb-prgs	它用于为进度条的进度部分定义样式。	panelBorderColor selectControlColor	边框色背景色
.rf-pb-init, .rf-pb-fin	这些类为初始状态和完成状态定义样式。	generalTextColor generalFamilyFont generalSizeFont	颜色字体系列字体大小

例子在下面的示例中, 我们正在实现< rich：progressBar> 组件。本示例包含以下文件。
JSF文件
【RichFaces rich（progressBar用法）】// 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="http://www.srcmini.com/Progress Bar" /> < br/> < rich:progressBar value="http://www.srcmini.com/#{progressBar.increment_value}" /> < /h:form> < /h:body> < /f:view> < /ui:composition>

托管豆
// ProgressBar.java

import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; @ManagedBean@RequestScopedpublic class ProgressBar {private int increment_value = http://www.srcmini.com/70; public int getIncrement_value() {return increment_value; }public void setIncrement_value(int increment_value) {this.increment_value = increment_value; }}

输出