定义 ObjectStatus 文本的颜色

Question

我是 UI5、JS 和 Web 开发的新手。在关于 SAPUI5 的 openSAP 课程之后，我得到了这个页面：

城市名称显示在标签中list/secondStatues/ObjectStatues。如果是的话，我想把城市的名字颜色变成红色"Berlin"。

在这里找到相关的 XML 视图和 controller.js 我遇到了一个问题：

XML 视图示例：

<List>
  <!-- ... -->
  <secondStatus>
    <ObjectStatus
      title="{i18n>statusDeliveryFrom}"
      text="{
        parts: [
          {
            path: 'ToSupplier/Address/City'
          }
        ],
        formatter2: '.formatter.cityColor'
      }"
    />
  </secondStatus>
</List>

---

注意：我放formatter2是因为还有另一个格式化程序

controller.js 示例：

cityColor : function(vText){
  if (vText === "Berlin") {
    return "#FF0000";
  }
},

Answer 1

如果是 ，我想把城市的名字颜色变成红色"Berlin"。

<ObjectStatus xmlns="sap.m"
   state="{= ${ToSupplier/Address/City} === 'Berlin' ? 'Error' : undefined}"
   text="{ToSupplier/Address/City}"
   inverted="true"
/>

该控件sap.m.ObjectStatus通过state等待的属性支持各种颜色：

语义值状态颜色

• "Error" （微红）
• "Warning" （橙色）
• "Success" （绿色）
• "Information" （蓝色/突出显示，自 v1.60.1 起）

指示颜色

• "Indication01"... （自 v1.62 起）"Indication05"

• "Indication06"... "Indication08"（自 v1.75 起）

  在这里，颜色仍然由主题预先定义，但它们的语义取决于应用程序。

?? 样品

如果需要其他颜色，请查看此答案。但是，如果要在应用程序容器（如 FLP）中使用应用程序，我强烈建议避免使用自定义 CSS。