如何將樣式賦予Primefaces中的p：片段？

Question

這是一個簡單的問題，是否可以給組件p:fragment添加樣式？

有沒有在文件（5.0）（雖然我的IDE建議我使用基於庫class，但它不工作）指定p:fragment任何style/styleClass/class屬性。

基本上就是我想要做的是顯示更改爲：

display: inline; 

因爲默認情況下該組件被渲染爲div與display: block;

我知道我可以使用id屬性，並給它有一些風格，但我不想這個解決方案，因爲我有多個片段，這將是相當醜陋的。

Answer 1

您可以將特定你的CSS像我舉的例子

 <style> 
      div[id$="-fragment"]{ 
       background-color: red; 
      } 
     </style> 
     <h:form>     
      <h:panelGrid columns="2" cellpadding="5"> 
       <p:outputLabel for="ignored" value="Required" /> 
       <p:inputText id="ignored" required="true" /> 
      </h:panelGrid> 

      <p:fragment autoUpdate="true" id="first-fragment"> 
       <h:panelGrid columns="4" cellpadding="5"> 
        <p:outputLabel for="txt" value="Text Value:" /> 
        <p:inputText id="txt" value="#{basicView.text}" /> 
        <p:commandButton value="Submit"/> 
        <h:outputText value="#{basicView.text}" /> 
       </h:panelGrid> 
      </p:fragment> 
      <p:fragment autoUpdate="true" id="second-fragment"> 
       <h:panelGrid columns="4" cellpadding="5"> 
        <p:outputLabel for="txt2" value="Text Value:" /> 
        <p:inputText id="txt2" value="#{basicView.text}" /> 
        <p:commandButton value="Submit"/> 
        <h:outputText value="#{basicView.text}" /> 
       </h:panelGrid> 
      </p:fragment> 
     </h:form> 

希望這有助於。

Answer 2

Primefaces的片段組件用於定義自動部分處理和更新部分，只要ajax請求由後代組件觸發，它不是顯示/樣式內容的組件。

如果您不需要自動處理功能，請使用facelet的ui:fragment組件滿足您的渲染需求，並將其內容放置在div中，您可以根據需要設置其風格。

Hello 
<ui:fragment> 
    <div style="display: inline;">Hello</div> 
</ui:fragment> 
Hello