如何突出显示JSF数据表中的特定行

Question

我是JSF的新手。我需要知道如何突出显示JSF数据表中的特定行或JSF数据表中的特定字段。请任何人给我一个解决方案。提前谢谢。

Answer 1

您可以使用像styleClass="#{condition ? 'old' : 'new'}"这样的EL表达式使用条件着色。

Answer 2

当鼠标在其上移动或选择时，可以突出显示数据表行。有不同的行动。它们都是通过以下代码实现的（RichFaces 4.3.x）。

xhtml代码：

<rich:dataTable var="rs" value="#{retailerAction.retailerList}"
    rows="#{referenceData.recordsPerPage}" rowClasses="oddrow, evenrow"
    onrowclick="dataTable.onRowSubmit(this, 'selected-dt-row');"
    onrowmouseover="dataTable.onRowMouseOver(this, 'gridmouseover');"
    onrowmouseout="dataTable.onRowMouseOut(this, #{currRow}, 'oddrow', 'evenrow')"
    rowKeyVar="currRow" style="width: 100%">
</rich:dataTable>

特殊样式用于选定行：

.selected-dt-row {
    background-color: gold !important;
}

其他样式用于光标下的行：

.gridmouseover {
    background-color: #E4F7FD;
    cursor: pointer;
}

Zebra 样式：

.evenrow {
    background-color: #F5F5F5;
}

.oddrow {
    background-color: #FFFFFF;
}