css - 从 panelgrid 动态传递 CSS 属性

Question

我有一个从 ebean 获取的隐藏属性。我如何将该颜色代码属性传递给 css 函数？

    <h:panelGrid id="testpanel"
       columns="#{message.no_of_columns}" rows="#{message.no_of_rows}" 
      styleClass="dynamicGrid">
     <c:forEach items="#{bLDashBoardAction.listBondLoc}" var="item">
      <h:panelGroup>                                                 <h:outputText value="#{item.rackTagCode}" />
   <h:hiddenInput value="#{item.colorEBean.colorCode};" />
                                            </h:panelGroup>
</c:forEach>
</h:panelGrid>

这是我的 css 属性，背景需要从 panelgrid colorcode 分配

.dynamicGrid td
{
width: 50px;
height: 50px;
border: 4px solid gray;
    background:

}

Answer 1

由于您受到奇怪设计的限制，最好的办法是将样式直接应用于单元格的内容。

<h:outputText value="#{item.rackTagCode}" style="display:block;color:#{item.colorEBean.colorCode};" />

display:block 将使其跨越整个单元格。