Xpages Xpage上节标题中的彩色文本

我真的想根据节头中的不同值设置一些不同的颜色。标头的计算如下所示：

var stat = rowData.getColumnValue("Status");
var sectionText = rowData.getColumnValue("Subject") + " " + rowData.getColumnValue("Status");
if (stat == "New") {
    return sectionText + " * Obs new ticket * ".toUpperCase(); //some color here
} else if (stat == "Treated") {
    return sectionText;
} else if (stat == "Staff") {
    return sectionText;
} else {
    return sectionText + " * Obs new answer from customer *".toUpperCase(); //and maybe some different color here
}

<xp:section .....>
    <xp:this.headerStyle><![CDATA[#{javascript:if (someVar == true) {
    return "color:rgb(128,0,128)";
} else {
    return "color:rgb(128,0,0)";
}}]]></xp:this.headerStyle>
    .....
    .....
    .....
</xp:section>

---

这段代码工作得很好，但是如果我尝试为不同的值添加一些颜色，它将不起作用。你知道怎么做吗？到目前为止，我已经尝试了CSS，但我只能在它自己的部分的背景或文本中获得颜色，而不是在标题中。节位于数据表的一列中。

您可以设置

xp:section

的

headerStyle

属性，将CSS添加到标题中。您甚至可以计算它，以便数据表中的每个部分都可以根据条件而有所不同。大概是这样的：

var stat = rowData.getColumnValue("Status");
var sectionText = rowData.getColumnValue("Subject") + " " + rowData.getColumnValue("Status");
if (stat == "New") {
    return sectionText + " * Obs new ticket * ".toUpperCase(); //some color here
} else if (stat == "Treated") {
    return sectionText;
} else if (stat == "Staff") {
    return sectionText;
} else {
    return sectionText + " * Obs new answer from customer *".toUpperCase(); //and maybe some different color here
}

<xp:section .....>
    <xp:this.headerStyle><![CDATA[#{javascript:if (someVar == true) {
    return "color:rgb(128,0,128)";
} else {
    return "color:rgb(128,0,0)";
}}]]></xp:this.headerStyle>
    .....
    .....
    .....
</xp:section>

.....
.....
.....