定义ObjectStatus文本的颜色

问题描述 投票:1回答:1

我是新来UI5,JS和网站总体发展。继约SAPUI5 openSAP课程,我得到了这个页面:

app screenshot

城市名称显示在标签list/secondStatues/ObjectStatues。我想谈谈城市的名字颜色为红色,如果它是"Berlin"

在这里找到有关XML视图,我从得到一个问题controller.js:

XML view sample:

<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";
  }
},
sapui5
1个回答
3
投票

我想谈谈城市的名字颜色为红色,如果是"Berlin"

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

控制sap.m.ObjectStatus支持通过属性state其等待语义颜色:

  • "Error"(红)
  • "Warning"(黄色)
  • "Success"(绿色)
  • "Information"(蓝色,因为1.60可用)
  • "None"

➡️Samples


如果需要其他颜色,看看this answer。然而,我强烈建议,以避免自定义CSS,如果应用程序将被应用容器内使用,例如FLP。

© www.soinside.com 2019 - 2024. All rights reserved.