过程指标变化布局SAPUI5

Question

你好，有人能帮助我吗？我什么改变我的过程指标从SAPUI5，使这样的东西。请在此输入图片描述

这个想法是显示多少百分比的赞成和多少百分比的反对的东西，感谢。

Answer 1

你可以创建一个自定义控件，像这样或添加一些代码的onAfterRendering事件。

  ProgressIndicator.extend("ProgressIndicatorEx", {
    renderer: {},
    onAfterRendering: function() {
      if (ProgressIndicator.prototype.onAfterRendering) {
        ProgressIndicator.prototype.onAfterRendering.apply(this, arguments);
      }

      var percentValue = this.getPercentValue();
      this.$().find("#" + this.getId() + "-bar").html('<span id="' + this.getId() + '-textLeft" class="sapMPIText sapMPITextRight" style="color: #FFF; margin-right:8px">' + percentValue + '%</span>'); 

      var rightBar = this.$().find("#" + this.getId() + "-remainingBar");
      rightBar.html('<span id="' + this.getId() + '-textRight" class="sapMPIText sapMPITextRight" style="color: #FFF">' + (100 - percentValue) + '%</span>');
      rightBar.css("background-color", "#c00")
      rightBar.css("border-color", "#c00")
    }

demo.你可以创建一个像这样的自定义控件，或者在onAfterRendering事件中添加一些代码。https:/jsbin.comyawiqamedit?js,output(输出)