css - 数据表行的黑色、白色颜色隐藏行数据

Question

我以这种方式使用 Primefaces 数据表:数据表的每个对象都有保存在数据库中的属性颜色，取决于这种颜色，它将成为其行的颜色。在没有选择该行的黑色行的情况下，数据不可读，因为字体是黑色的。如果行为白色并且我选择了该行，数据也不可读，因为在选择字体更改为白色的情况下。

1 - 关于如何通过考虑第一种情况适用于所有深色而第二种情况适用于所有浅色来解决此问题的任何建议？

2-还有根据一个语句中的颜色属性为整行着色的任何解决方案，而无需在每一列中获取此颜色 (style="background-color: #{lottiBean.getColor(lotto)}">)

<p:dataTable id="lottiTable" widgetVar="lottiTable" var="lotto"
                resizableColumns="true" selectionMode="single"
                selection="#{lottiBean.selectedLotto}" rowKey="#{lotto.idLotti}"
                value="#{lottiBean.allLottis}" rowsPerPageTemplate="5,10,25,50" rows="10" 
                style="padding-top:10px;padding-bottom:10px" 
                sortBy="#{lotto.dataLotto.time}" sortOrder="DESCENDING" 
                paginator="true" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown} {Exporters}">
<f:facet name="{Exporters}">
    <p:commandLink id="excel" ajax="false">
        <p:graphicImage library="images" name="excel.png" width="24" />
        <p:dataExporter type="xls" target="lottiTable" fileName="Lotti" />
    </p:commandLink>
    <p:commandLink id="pdf" ajax="false" immediate="true">
        <p:graphicImage library="images" name="pdf.png" width="24" />
        <p:dataExporter type="pdf" target="lottiTable" fileName="Lotti" />
    </p:commandLink>
</f:facet>
<p:column headerText="#{messages.label_unita_operativa}" filterBy="" style="background-color: #{lottiBean.getColor(lotto)}" >
    <h:outputText value="#{lottiBean.getUoCode(lotto)}" />
</p:column>
<p:column headerText="#{messages.label_codiceLotti}" filterBy="#{lotto.codiceLotti}"
    sortBy="#{lotto.codiceLotti}" style="background-color: #{lottiBean.getColor(lotto)}">
    <h:outputText value="#{lotto.codiceLotti}" />
</p:column>

这是我获取颜色的方法:

public String getColor(Lotti lotti) {
    String colorValue=null;
    try {
        if (lotti != null) {
            if (lotti.getCrLottiuos() != null && lotti.getCrLottiuos().iterator().hasNext())
                colorValue = lotti.getCrLottiuos().iterator().next().getIdUo().getIdColore().getCodiceColore();//GET COLOR FROM DATABASE AS HEXA VALUE EX:#FFFFF0
        }
    } catch (Exception ex) {
        colorValue = null;
        System.out.println(ex.getMessage());
    }
    return colorValue;
}

Answer 1

您的需求不是很清楚，但这里有一个解决方案，如何在 p:databale 中添加一列，以显示保存在数据库中的颜色，这可能对您有所帮助:

<p:column headerText="coulor" >
      <div style="display: compact;" >
          <span class="ui-button-text">
               <span 
                    style="overflow:hidden;
                    width:1em;height:1em;display:block;
                    border:solid 1px #000;text-indent:1em;
                    white-space:nowrap;
                    background-color:##{lotti.color}">
                </span>
            </span>
        </div>
</p:column>

当涉及到为数据表的一行着色时，您可以使用 rowStyleClass 来重新设置行的样式:

rowStyleClass="#{ lotti.color == 'ff3d3d' ? 'redClass' : lotti.color == '3D46FF' ? 'bleuClass' : null }

访问 primefaces showcase，了解有关如何调整行样式的更多信息:http://www.primefaces.org/showcase/ui/data/datatable/rowColor.xhtml