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

Question

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

Answer 1

您可以通过EL表达式（例如styleClass="#{condition ? 'old' : 'new'}"使用条件着色。

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;
}

斑马样式：

.evenrow {
    background-color: #F5F5F5;
}

.oddrow {
    background-color: #FFFFFF;
}