使用 Java 脚本 (DA) 更改 Oracle APEX 交互式网格上的背景颜色行

Question

当 idf_type_conv 的数据 > 0 且 <> 73 和 <> 100 时，我需要更改交互式网格中的背景行（使用 JAVA SCRIPT）。

O 使用此代码，但我没有成功...

$('td[headers]="idf_type_conv"]').each(function() {
    if($(this).text() == '0'){
        $(this).closest('tr').find('td').css({"background-color":"red"});
    }
});

Answer 1

由于您没有提到您有任何特殊情况需要处理，我建议使用本机方法：

1. 在交互式网格的操作菜单中，单击格式。在格式中我们有突出显示的选项。首先我们需要选择突出显示。

2. 在高亮窗口中，您需要定义规则以及是否高亮该行或特定列。您还可以相应地选择颜色。

注意：保存要突出显示的规则后，请确保将交互式网格报告另存为公开，并且您还可以创建多个规则以具有多个规则/颜色。

Answer 2

突出显示方法不是一个糟糕的解决方案，但如果您不想使用内置功能，这里还有其他解决方案。

所以基本上你必须在你想要着色的每一列上使用这段代码（代码必须放置到JavasScript初始化代码属性部分）：

function(options) {
    options.defaultGridColumnOptions = {
        cellCssClassesColumn:"idf_type_conv"
    }
    return options;
}

在此示例中，“idf_type_conv”是列是报表源查询的情况，它确定您所需颜色的 CSS 类。例如，如果您有一个名为“RED”的页面级自定义 CSS 类，您的情况将如下所示：

case when idf_type > 0 then 'RED' end as idf_type_conv

您可以在页面级别内联 CSS 区域指定所需的 CSS 类，如下所示：

.RED{ 
    background-color: red;
}