Цветной текст в заголовке раздела на Xpage

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

Вы можете установить headerStyle атрибут xp:section добавить 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>