oracle-apex - 在 Oracle APEX 交互式报表(图标 View )中的列中显示带有数据的图标

Question

我正在尝试在 Oracle APEX 应用程序中创建交互式报告。我想在报告列中显示图标和数据。

我成功显示了图标，但我想根据单词以不同的颜色显示这些图标。

我在 中找到了一个例子。 Oracle APEX 附带的“通用主题示例应用程序 ”应用程序，我在自己的应用程序中应用了相同的方法。

但是在我的应用程序中，所有图标都是黑色的，尽管在示例应用程序中，每个数据都使用不同颜色的图标显示。

谁能帮我这个？

这是示例应用程序:
Sample Application Screenshot

这是我的应用程序:
My Application Screenshot

非常感谢。

Answer 1

您可以通过添加 color 为图标添加颜色在您的跨度的 Style 属性中添加 css ，如下所示:

<span class="fa #STATUS_ICON#" style="color: green;"></span> #STATUS#

和链接:

<div class="dm-IRR-icon"> <span class="fa #STATUS_ICON#" style="color: red;"></span> <span class="dm-IRR-iconLabel">#TASK_NAME#</span> </div>

您还可以通过在样式中添加 font-size 属性来使图标更大或更小: style="color: green; font-size: 15px;"
编辑 1:要具有不同的颜色，您有 2 个选项:

I. 在您的 sql 查询中添加一个新列(在我的示例中命名为 icon_color)以带来颜色并在 HTML 表达式中使用它。

SELECT task_name,
  start_date,
  status,
  CASE status
    WHEN 'Open' THEN 'fa-clock-o is-open'
    WHEN 'Closed' THEN 'fa-check-circle is-closed'
    WHEN 'On-Hold' THEN 'fa-exclamation-circle is-holding'
    WHEN 'Pending' THEN 'fa-exclamation-triangle is-pending'
  END status_icon,
  CASE status
    WHEN 'Open' THEN 'red'
    WHEN 'Closed' THEN 'green'
    WHEN 'On-Hold' THEN 'pink'
    WHEN 'Pending' THEN 'orange'
  END icon_color,
  assigned_to
FROM eba_ut_chart_tasks
ORDER BY 2

HTML 表达式: <span class="fa #STATUS_ICON#" style="color: #ICON_COLOR#"></span> #STATUS#
二、在查询中添加 1 个案例中的所有逻辑，如下所示:

SELECT task_name,
  start_date,
  '<span class="fa '||
  CASE status
    WHEN 'Open' THEN 'fa-clock-o is-open" style="color:red'
    WHEN 'Closed' THEN 'fa-check-circle is-closed" style="color:green'
    WHEN 'On-Hold' THEN 'fa-exclamation-circle is-holding" style="color:blue'
    WHEN 'Pending' THEN 'fa-exclamation-triangle is-pending" style="color:pink'
  END ||' "></span>'||status as status,
  assigned_to
FROM eba_ut_chart_tasks
ORDER BY 2;

对于此选项，请不要忘记继续您的列(在本例中为状态)并设置 转义特殊字符 归属于 否 .