如何更改JSF页面中的字体大小

Question

我有这个简单的JSF表，它用于显示来自数据库的数据以及编辑数据。

<table> 
    <ui:repeat var="ud" value="#{DCProfileTabGeneralController.dcData}"> 

     <tr> 
      <td>Datacenter Type</td> 
      <td> 
       <h:outputText value="#{ud.type}" 
           rendered="#{not DCProfileTabGeneralController.editable}" /> 
       <h:inputText value="#{ud.type}" rendered="#{DCProfileTabGeneralController.editable}" /> 
      </td>          
     </tr> 
     <tr> 
      <td>Date Added</td> 
      <td> 
       <h:outputText value="#{ud.dateAdded}" 
           rendered="#{not DCProfileTabGeneralController.editable}" /> 
       <h:inputText styleClass="datepicker" value="#{ud.dateAdded}" rendered="#{DCProfileTabGeneralController.editable}" /> 
      </td>          
     </tr> 
     <tr> 
      <td>Hour Added</td> 
      <td> 
       <h:outputText value="#{ud.hourAdded}" 
           rendered="#{not DCProfileTabGeneralController.editable}" /> 
       <h:inputText value="#{ud.hourAdded}" rendered="#{DCProfileTabGeneralController.editable}" /> 
      </td>          
     </tr> 
     <tr> 
      <td>Date Deployed</td> 
      <td> 
       <h:outputText value="#{ud.dateDeployed}" 
           rendered="#{not DCProfileTabGeneralController.editable}" /> 
       <h:inputText styleClass="datepicker" value="#{ud.dateDeployed}" rendered="#{DCProfileTabGeneralController.editable}" /> 
      </td>          
     </tr> 
     <tr> 
      <td>Hour Deployed</td> 
      <td> 
       <h:outputText value="#{ud.hourDeployed}" 
           rendered="#{not DCProfileTabGeneralController.editable}" /> 
       <h:inputText value="#{ud.hourDeployed}" rendered="#{DCProfileTabGeneralController.editable}" /> 
      </td>          
     </tr> 

    </ui:repeat> 
</table> 

现在我想用这种方式扩展表格。当布尔标志为真时，我想在12px中显示文本。当布尔标志为false时，我想在20像素中显示文本。这在JSF中可能吗？

Answer 1

您可以简单地使用EL表达式来设置相应的CSS样式：

<table id="idTable" 
style="font-size: #{DCProfileTabGeneralController.editable ? '12px' : '20px' }">