adf学习：进度条的使用(progress bar demo)

最新推荐文章于 2025-01-19 10:40:06 发布

李小西033

最新推荐文章于 2025-01-19 10:40:06 发布

阅读量1.7k

点赞数

分类专栏： ADF

本文链接：https://blog.youkuaiyun.com/lissdy/article/details/41018897

版权

ADF 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在ADF中使用进度条组件显示数值比例，并根据比例自动调整颜色。通过view层传递最大值和当前值到back bean，根据比例设置进度条样式。当比例超过100%时，进度条显示为红色；否则显示为蓝色。内容涉及back bean的方法实现、自定义BoundedRangeModel以及相关API和参考资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：使用进度条progress bar显示数值比例，比例超过100%时，progress bar显示为红色，否则为蓝色

view层传递两个参数到back bean中，这两个参数分别为最大值和当前值，我在这里使用progress bar组件显示这两个数值的比例关系：

<af:progressIndicator id=“pi1” 
     value="#{pageFlowScope.incidentRequestControl.rangeModel
(row.bindings.CurrentDuration.inputValue,row.bindings.MaxDuration.inputValue)}"
     styleClass="#{pageFlowScope.incidentRequestControl.progressBarStyleClass}"/>

back bean代码：

//获取样式，事先定义好样式名称，参考How-to dynamically change the progress bar color according to its current value
    public String getProgressBarStyleClass(){
        if (precent>=100){
            progressBarStyleClass="red_progress_bar";
        }
        return progressBarStyleClass;
    }

//传入参数：当前值和最大值
    public MyProgressRangeModel rangeModel(String duration, String maxDuration) {
        MyProgressRangeModel rangeModel = new MyProgressRangeModel();
        if ((("".equals(maxDuration)) && (("".equals(duration)) && (duration != null) && (maxDuration != null)))) {
            rangeModel.setMaximum(Long.parseLong(maxDuration));
            rangeModel.setValue(Long.parseLong(duration));
        }
        return rangeModel;
    }

 //progress bar值的获取需要继承BoundedRangeModel抽象类，详见API文档
    private class MyProgressRangeModel extends BoundedRangeModel {
        long maxValue=0L;
        long currentValue=0L;
        @Override
        public long getMaximum() {
            // TODO Implement this method
            return maxValue;
        }

        @Override
        public long getValue() {
            // TODO Implement this method
            return currentValue;
        }
        public void setMaximum(long maxValue){
            this.maxValue=maxValue;
        }
        public void setValue(long currentValue){
            this.currentValue=currentValue;
        }
    }

final result: