使用基于列值的css向UI5表添加彩色项目符号

Question

我想根据特定的列值向SAP UI5表行添加彩色项目符号。如果列具有值> 50，然后该行的子弹颜色应为蓝色，否则为绿色。 请告诉我，我们怎么能实现这一点。

Answer 1

使用格式化程序:)

<core:Icon size="1.5rem" class="sapUiSmallMarginTop sapUiSmallMarginBegin"
                       src="sap-icon://circle-task" //insert image of bullet here
                       color="{path: 'yourvalue', formatter: '.formatIconColor'}" /> 

在视图中这样的东西。

并在控制器中调用格式化程序以获取颜色和图像。

        formatIconColor:function(callf){
           switch(callf){
              case 'yourvalue>50': //something like this 
                 return "blue"; 

              default:
                 return "green";
           }//something like this
        },

可能语法不是这样的，你应该使用if而不是switch，但逻辑就是这个。 只需在您的内容中包含sap图标，您就可以使用格式化程序控制格式化程序功能逻辑的颜色。