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

定义objectstatus文本的颜色

  •  1
  • Yuva  · 技术社区  · 6 年前

    我对ui5、js和web开发还不熟悉。以下是关于SAPUI5的OpenSAP课程,我得到了这个页面:

    app screenshot

    城市名称显示在标记中 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 回复  |  直到 6 年前
        1
  •  3
  •   Boghyon Hoffmann    5 年前

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