X部分標題中的彩色文字

Question

我真的想根據部分標題中的不同值設置一些不同的顏色。頭的計算是這樣的：

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 
} 

此代碼工作得很好，但如果我嘗試一些顏色添加到不同的值，它不會工作。任何想法如何做到這一點？到目前爲止，我已經嘗試過CSS，但我只能在背景中獲取顏色，或者在自己的部分中獲取顏色，而不是在標題中。該部分位於數據表的一列中。

Answer 1

您可以設置xp:section的headerStyle屬性將CSS添加到標題。您甚至可以計算它，以便根據條件對數據表中的每個部分進行計算。類似這樣的：

<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>