デフォルトの OneUI テーマでは、より多くの列を設定しても、単一の行を強調表示したいと考えています。3 列の場合、次のようにレンダリングされます。
<TR>
<TD>
<TD>
<TD>
プロパティrowStyleClass="row#{i}"を設定して、レンダリング方法を示しました。
<TR class="row0">
<TD>
<TD>
<TD>
<TR class="row3">
<TD>
<TD>
<TD>
<TR class="row6">
<TD>
<TD>
<TD>
したがって、テーブル行のすべてのデータ行に適用されます - 3 つのドキュメントすべてが一度に適用されます。
独自のレンダラーを作成したり、dojo/jQ を使用して DOM を後処理したりできることはわかっていますが、ビュー エントリ属性に基づいて TD 全体を強調表示する最も単純な CSS 設定を探しています。
ソースの例:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xp:this.data>
<xp:dominoView var="view1" databaseName=" names.nsf"
viewName="PeopClver">
</xp:dominoView>
</xp:this.data>
<xe:dataView id="dataView1" value="#{view1}" rowStyleClass="#{ve.$17}"
var="ve" multiColumnCount="3">
<xe:this.summaryColumn>
<xe:viewSummaryColumn columnName="$17"></xe:viewSummaryColumn>
</xe:this.summaryColumn>
<xe:this.extraColumns>
<xe:viewExtraColumn columnName="$26"></xe:viewExtraColumn>
</xe:this.extraColumns>
<xe:this.categoryColumn>
<xe:viewCategoryColumn columnName="ClntBld"></xe:viewCategoryColumn>
</xe:this.categoryColumn>
</xe:dataView>
</xp:view>
これは、3 つの列すべてについて、styleClass<TR>
が最初のセル/ドキュメントによってのみ評価されることを示しています。残りの dataView 行 (最大 3 つのドキュメントを含む) はスタイルできません。そして、いくつかの条件に基づいてドキュメントを強調表示したい (たとえば、空のメールアドレスや特定のドメイン内など)。