提问
SAP BusinessObjects Dashboards SAP BusinessObjects Design Studio

在图标组件中更改颜色和背景色

2020-09-26 04:58发布

站内问答 / BO
2637 4 6

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


我的要求不高，从昨天下午开始就一直在努力。 我在仪表板上有两个按钮，您可以在图像中看到它们。 我在图表中添加了两个图标。 ICON_1的当前颜色为黑色，背景颜色为白色，而ICON_2的当前颜色分别为白色和黑色。 当您单击"人口统计"按钮时，我想更改它们。 如下图所示。

在Button_2的onclick属性中，我编写了以下代码来更改ICON_1＆2的颜色和BGColor。

ICON_1.setColor（white）;

ICON_1.setBackGroundColor（黑色）;

ICON_2.setColor（black）;

ICON_2.setBackGroundColor（white）;

这将引发错误。

我也尝试了十六进制代码和RGB，但是脚本无法接受。

因此想检查更改颜色和背景颜色的正确代码是什么。 我进行了很多搜索，但未在任何论坛中找到解决方案。

（这是一个手动设置的ICON属性，例如我想要达到的目标）

（2.5 kb）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


我的要求不高，从昨天下午开始就一直在努力。 我在仪表板上有两个按钮，您可以在图像中看到它们。 我在图表中添加了两个图标。 ICON_1的当前颜色为黑色，背景颜色为白色，而ICON_2的当前颜色分别为白色和黑色。 当您单击"人口统计"按钮时，我想更改它们。 如下图所示。

在Button_2的onclick属性中，我编写了以下代码来更改ICON_1＆2的颜色和BGColor。

ICON_1.setColor（white）;

ICON_1.setBackGroundColor（黑色）;

ICON_2.setColor（black）;

ICON_2.setBackGroundColor（white）;

这将引发错误。

我也尝试了十六进制代码和RGB，但是脚本无法接受。

因此想检查更改颜色和背景颜色的正确代码是什么。 我进行了很多搜索，但未在任何论坛中找到解决方案。

（这是一个手动设置的ICON属性，例如我想要达到的目标）

（2.5 kb）
付费偷看设置
发送
4条回答
小熊yu生菜
1楼-- · 2020-09-26 05:17

您好，Rajasekhar，

作为Agata解决方案的改进和良好编码习惯的问题，我建议您将颜色定义为"全局脚本变量"，而不是对其进行硬编码。 这样具有以下优点：

  1. 代码更具可读性；
  2. 如果将来您决定需要更改颜色，则只需更新变量值即可

全局脚本变量的定义如下：

针对BUTTON_2的"点击时"事件脚本的修改后的脚本代码如下所示：

 ICON_1.setColor（colour1  ）;
 ICON_1.setBackgroundColor（colour2）;

 ICON_2.setColor（colour2）;
 ICON_2.setBackgroundColor（colour1）;

问候，

穆斯塔法。

d56caomao
2楼-- · 2020-09-26 05:20

太棒了！

出于这个原因，我从来没有在编码中使用单引号。

请您将我的答案标记为正确吗？

木偶小白
3楼-- · 2020-09-26 05:11

Rajasekhar，

此代码对我有用：

ICON_1.setColor（"#ffffff"）;

ICON_1.setBackgroundColor（"#333333"）;

ICON_2.setColor（"#333333"）;

ICON_2.setBackgroundColor（"#ffffff"）;

和另一个按钮：

ICON_2.setColor（"#ffffff"）;

ICON_2.setBackgroundColor（"#333333"）;

ICON_1.setColor（"#333333"）;

ICON_1.setBackgroundColor（"#ffffff"）;

小灯塔
4楼-- · 2020-09-26 05:05

啊哈...我将那些十六进制代码放在单引号中，假设这是我们为CSSClass所做的。 双引号就像一种魅力。

感谢Agata。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...