单行视图,交互式网格 - 表示与字体颜色的差异

时间:2017-08-08 12:37:25

标签: oracle-apex oracle-apex-5.1

我有一个交互式网格,由表wwv_flow_qb_saved_query和apex_collection的标题上的完全连接组成。结果如下所示:enter image description here

前三列是使用wwv_flow_qb_saved_query中的查询构建器构建的查询。最后三列是从上传的查询到apex_collections。列" qb_sql"是一个clob,它填充了查询中的整个sql语句,它在单行视图中查找如下:enter image description here

现在,最终用户应该能够看到列组中的差异"导入的查询" => " qb_sql"用不同的颜色。因此,第二个qb_sql中不同的部分例如是红色。

有可能实现这个目标吗?

谢谢..

1 个答案:

答案 0 :(得分:1)

在网格视图中,您可以使用声明属性Appearance:CSS Classes为列中的所有单元格指定一个特殊类。但这不适用于单行视图。 属性Advanced:CSS Classes仅适用于可编辑字段。在网格和单行视图中都是相同的。

有一个高级列选项属性fieldCssClasses,它适用于单行视图中的字段。因此,对于您希望看起来不同的每个字段/列,请将其添加到“高级:JavaScript代码”属性:

function(config) {
    config.defaultGridColumnOptions = {
        fieldCssClasses: "special"
    }
    return config;
}

然后将.special的CSS规则添加到页面属性CSS:内联或将规则添加到应用程序css文件(如果有)。例如:

.special {
    font-weight: bold;
    color: green;
}

为css类使用您喜欢的任何名称; "特别"只是一个例子。