设置中的颜色来自支持豆

Question

有什么办法可以设置jsf中表数据中文本的颜色吗？我希望根据支持 bean 方法的返回值为 #{_component.displayName} 设置不同的颜色。

    <h:dataTable styleClass="mytable" value="#{cart.items}" var="_component"> 

        <h:column>
            <f:facet name="header"><h3>Item</h3></f:facet>
            #{_component.displayName}
        </h:column>

    </h:dataTable>  

谢谢

Answer 1

如果要在 元素上设置样式类，则必须使用 columnClasses 属性code>：

<h:dataTable columnClasses="col1,col2,col3">

它接受以逗号分隔的 CSS 类名称字符串，这些名称将按顺序应用于各个列。您甚至可以让它引用自动填充所需字符串的 bean 属性：

<h:dataTable columnClasses="#{bean.columnClasses}">

但是，每个样式类都将应用于整个列。如果您想独立地设置单个单元格的样式，最好将其包装在 中：

<h:outputText value="#{_component.displayName}" styleClass="#{_component.styleClass}" />

或

<h:outputText value="#{_component.displayName}" styleClass="#{bean.styleClass}" />

或者

<h:outputText value="#{_component.displayName}" styleClass="#{bean.styleClass(component)}" />

或者，如果单元格覆盖多个组件，请将它们包装在 < code>并在其上设置 styleClass 。