如何使用进度栏组件

通过使用 Matthew Bohm 创建的进度栏 JSF 组件,用户可以在屏幕上显示长时间运行的任务的进度。进度百分比是通过一个对管理 Bean 的 AJAX 调用进行更新的。该组件还简化了在任务完成后回调 Javascript 函数的过程。可以使用以下声明来访问评级组件的标记库:

    <%@taglib prefix="ui" uri="http://java.sun.com/blueprints/ui/14"%>
使用 JSF 进度栏组件的示例如下所示:                   
 <ui:progressBar id="progressBar" interval="1000" 
onComplete="progressComplete" startOperation="#{ProgressBarBean.startTask}"
percentage="#{ProgressBarBean.percentage}" style="width: 400px"/>

JSP 标记属性

评级组件支持以下属性。

CSS 覆盖

如果要覆盖进度栏的外观,可以配置进度栏所使用的类名称。例如:

        <style>
            .bpui_progressbar_barAreaContainer {
                border-style: groove !important;
                border-width: medium !important;
            }
   
            .bpui_progressbar_portionComplete {
                background: #FF0000 !important;
            }

            .bpui_progressbar_portionRemaining {
                background: lightgrey !important;
            }   
        </style>  


© Sun Microsystems 2006。Java BluePrints Solutions Catalog 中的所有内容受版权保护,未经 Sun Microsystems 的明确书面许可,不得在其他产品中发布。