如何在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;
}