Css DataView:有条件地高亮显示某些行(OneUI)
对于默认的OneUI主题,我想突出显示单行,即使设置了更多列。对于3列,它呈现为:Css DataView:有条件地高亮显示某些行(OneUI),css,xpages,xpages-extlib,Css,Xpages,Xpages Extlib,对于默认的OneUI主题,我想突出显示单行,即使设置了更多列。对于3列,它呈现为: <TR> <TD> <TD> <TD> 我尝试设置属性rowStyleClass=“row#{I}”,以演示它如何呈现: <TR class="row0"> <TD> <TD> <TD> <TR class="row3"> <TD> <TD>
<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列,
的styleClass仅由第一个单元格/文档计算。dataView行的其余部分(最多包含三个文档)无法设置样式。我想根据某些条件(例如空邮件地址或某些特定域)突出显示文档。您应该能够:
rowStyleClass="row#{(i%2)=1 ? 'oddRow' : 'evenRow'}"
用于交替行
如果您不想替换,但要高亮显示某些行,则可以使用相同的方法。在这里,您很可能需要使用SSJS来评估您的条件,并将row变量作为参数传入。我不想改变行的颜色。我想要的是,如果某个文档字段等于某个值,则设置背景色。然后使用重复控件-提供更多控制。