代码之家 › 专栏 › 技术社区 › Yuva

定义objectstatus文本的颜色

sapui5

1

Yuva · 技术社区 · 7 年前

我对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";
  }
},

1 回复 | 直到 7 年前

1

3

Boghyon Hoffmann 6 年前

我想把城市的名字颜色变成红色 "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)中使用。