DataTable PrimeFaces

Question

为什么当我在页面中添加第二个DataTable时，我会丢失该页面的全部内容？im使用JSF PrimeFaces。

这是我的第一个DataTable:

 <p:tab title="Projet"> 
 <!-- ======================== Contenu ======================== -->
 <br/>
   <h:form id="form">  
                                <p:dataTable var="car" value="xxxxx" selection="xxxx" selectionMode="single">  
                                        <f:facet name="header">  
                                            Listes des projets Gpsi  
                                        </f:facet>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Code" />  
                                            </f:facet>  
                                            <h:outputText value="xxxx" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Intitulé" />  
                                            </f:facet>  
                                            <h:outputText value="xxxx" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Dernière Etat" />  
                                            </f:facet>  
                                            <h:outputText value="xxxx" />  
                                        </p:column>  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Domaine" />  
                                            </f:facet>  
                                            <h:outputText value="xxxx" />  
                                        </p:column>  
                                        <f:facet name="footer">  
                                            <p:commandButton value="Ouvrire" image="ui-icon ui-icon-search" update="form:display" oncomplete="carDialog.show()"/>  
                                        </f:facet>  
                                    </p:dataTable>  
                                    <p:dialog header="Car Detail" widgetVar="carDialog" resizable="false" width="200" showEffect="clip" hideEffect="fold">  
                                        <h:panelGrid id="display" columns="2" cellpadding="4">  
                                            <f:facet name="header">  
                                                <p:graphicImage value="/images/cars/xxxx.jpg"/>  
                                            </f:facet>  
                                            <h:outputText value="Model:" />  
                                            <h:outputText value="xxxx" />  
                                            <h:outputText value="Year:" />  
                                            <h:outputText value="xxxx" />  
                                            <h:outputText value="Manufacturer:" />  
                                            <h:outputText value="xxxx" />  
                                            <h:outputText value="Color:" />  
                                            <h:outputText value="xxxx" />  
                                        </h:panelGrid>  
                                    </p:dialog>  
                                </h:form> 

第二个选项卡中的这个：

<p:tab title="Objets">                                                           
                        <h:form id="form">
                            <p:dataTable var="car" value="pppp"
                                         selection="mmmm" selectionMode="single">
                                <f:facet name="header">
                                    Liste des Objets
                                </f:facet>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Model" />
                                    </f:facet>
                                    <h:outputText value="Model" />
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Year" />
                                    </f:facet>
                                    <h:outputText value="Year" />
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Manufacturer" />
                                    </f:facet>
                                    <h:outputText value="Manufacturer" />
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Color" />
                                    </f:facet>
                                    <h:outputText value="Color" />
                                </p:column>
                                <f:facet name="footer">
                                    <p:commandButton value="View" image="ui-icon ui-icon-search"
                                            update="form:display" oncomplete="carDialog.show()"/>
                                </f:facet>
                            </p:dataTable>
                            <p:dialog header="Car Detail" widgetVar="carDialog" resizable="false"
                                      width="200" showEffect="clip" hideEffect="fold">
                                <h:panelGrid id="display" columns="2" cellpadding="4">
                                    <f:facet name="header">
                                        <p:graphicImage value="sss"/>
                                    </f:facet>
                                    <h:outputText value="Model:" />
                                    <h:outputText value="xxx" />
                                    <h:outputText value="Year:" />
                                    <h:outputText value="xxx" />
                                    <h:outputText value="Manufacturer:" />
                                    <h:outputText value="xxx" />
                                    <h:outputText value="Color:" />
                                    <h:outputText value="xxx" />
                                </h:panelGrid>
                            </p:dialog>
                        </h:form>                                     
                        <!-- ======================== FIN Contenu ===================== -->
                    </p:tab>

Answer 1

您应该尝试用一个h:form来封装您的tabView，然后将您的dataTables放在选项卡中：

<h:form id="form">
    <p:tabView id="myTabView">
        <p:tab id="firstTab">
            <p:dataTable ....>
                ....
            </p:dataTable>
        </p:tab>
        <p:tab id="secondTab">
            <p:dataTable ....>
                ....
            </p:dataTable>
        </p:tab>
    </p:tabView>
</h:form>

Answer 2

两个具有相同id="form"-->错误的表单。重命名其中一个窗体。