Question

环境：
- PrimeFaces版本：5.0

我试图加入p:carousel 在我的应用程序中，p:dataTable在p:tab视图中显示为空白。以下是一个简化示例。 facelets模板页面是：

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <h:outputStylesheet name="./css/default.css"/> 
    <h:outputStylesheet name="./css/cssLayout.css"/> 
    <h:outputStylesheet name="./css/style.css"/> 
    <title>Test Template</title>
</h:head>

 <h:body>
    <div id="content" class="center_content">
        <ui:insert name="content">Content</ui:insert>
    </div>

  </h:body>

轮播JSF页面：

<body>

 <ui:composition template="./ClientNav.xhtml">

 <ui:define name="content">
 <h:form>
 <p:carousel numVisible="1" autoPlayInterval="20000" effect="easeInStrong" 
 headerText="Contents" style="margin-bottom: 0" circular="true">

 <p:tab>

 <h1>Heading</h1>
 <p>Text of the first tab view</p>

 <p:graphicImage name="images/enterBlank.jpg" alt="sky" width="1000" height="252"/>
  </p:tab>

  <p:tab>                          
  <p:dataTable value="#{topicbean.pubTopList}" var="top">
  <p:column>
  <p:commandLink value="#{top.topicname}" action="#{topicbean.searchGuestItems}"
                                               ajax="false"/>
   </p:column>
   </p:dataTable>
   </p:tab>        

   </p:carousel>
   </h:form>
   </ui:define>

    </ui:composition>

</body>

如果我用h：dataTable替换p：dataTable，它会完美呈现。我还使用p dataTable测试了一个普通的JSF页面（没有模板化），并且发生了同样的问题（没有渲染）。最后，我试图将轮播组件剥离到最低限度（如果任何设置导致css冲突）：

<p:carousel numVisible="1">
tabs here
</p:carousel>

我不确定这是不是错误，或者我在代码中遗漏了某些内容或者我是如何使用轮播的。将不胜感激任何指导。谢谢。

p：dataTable不会在轮播和制表符组件内部呈现

0 个答案: