0

セクションのヘッダーのさまざまな値に基づいて、いくつかの異なる色を設定したいと思っています。ヘッダーは次のように計算されます。

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を試しましたが、ヘッダーではなく、背景またはセクション自体のテキストでしか色を取得できません。セクションはデータ テーブルの列にあります。

4

1 に答える 1

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>
于 2013-04-03T11:03:12.627 に答える