数据表 PrimeFaces

Question

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

这是我的第一个数据表：

 <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> 

而这个在 seconde 选项卡中：

<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" 的 forms --> 错误。 重命名 forms 之一。