javascript - Spotfire HTML 表格 - 具有变量值的条件格式

Question

我有一个我在 spotfire 中创建的 html 表格——每个单元格都有一个计算值——带有一个滑块，供用户调整他们感兴趣的日期。

一列是'vs last year' - 用于负值（格式为括号中的负数，'#,0.0%; (#,0.0%); -' 作为自定义格式）。

我使用以下 javascript 将负值着色为红色：

function BlackRedText() {
var cellval = $(this).text();
if (cellval.indexOf('(') > -1) {
    $(this).addClass('Red')
} else{ //if (cellval.indexOf('(') === -1) {
    $(this).addClass('Black')
    } 
}

$(document).ajaxComplete(function() {
$('td.KPI span.EmbeddedMiniatureVisualization span').each(BlackRedText);
});

这些具有相应的样式：

.Black{color: black !important;color: black;}
.Red{color: red !important; color: red;}

然后行：

<td  class =" KPI "  align = right> (100) </td>

将显示为红色。问题是当滑块移动时间以使这些值再次为正时，它们仍然保持红色。

正值从黑色开始，随着滑块变为红色，但之后不会返回黑色。

有什么想法我哪里出错了吗？

--编辑：我想知道类是否正在改变（它会寻找 KPI 类），但我也添加了行以检查红色和黑色类，但这并没有帮助。

--编辑2：编写的脚本似乎没有问题，只有spotfire刷新这些-切换选项卡并再次纠正颜色问题，所以我已经更改了它，所以只有在我按下a后才应用滑块限制刷新表格的按钮 - 有点小技巧，所以任何发现更好方法的人都告诉我。

标签： javascripthtmlspotfire