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

【问题标题】：how to highlight particular row in JSF datatable如何突出显示 JSF 数据表中的特定行
【发布时间】：2014-04-22 10:41:03
【问题描述】：

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

【问题讨论】：

标签： java javascript richfaces

【解决方案1】：

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

【讨论】：

这对于h:dataTable中的行来说并不那么简单。
@AlexandreLavoie 怎么没这么简单你能解释一下吗？
你必须使用rowClasses在行上应用样式类，因此你需要生成一个类列表，所以你不能使用简单的EL条件。

【解决方案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;
}

【讨论】：