Question

使用默认的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>

因此它适用于表格行中的所有数据行 - 一次全部三个文档。

我知道我可以创建自己的渲染器，或者使用dojo / jQ来后处理DOM，但我正在寻找最简单的CSS设置，以根据视图条目属性突出显示整个TD。

示例来源：

<?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列，<TR>的styleClass仅由第一个单元/文档评估。其余的dataView行（最多包含三个文档）无法设置样式。我想基于某些条件（例如空邮件地址或某些特定域）突出显示文档。

Answer 1

你应该能够做到：

rowStyleClass="row#{(i%2)=1 ? 'oddRow' : 'evenRow'}"

用于交替行。

如果您不想替换，但突出显示某些行，则同样的方法也可以。在这里，您很可能需要使用SSJS来评估您的条件并将行变量作为参数传递。

DataView：有条件地突出显示某些行（OneUI）

1 个答案: