Jsf 数据表素数面

为什么在页面中添加第二个DataTable时会丢失此页面的全部内容？我正在使用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> 

项目列表

第二个选项卡中的这个：

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

对象列表

您应该尝试用一个h:form将选项卡视图括起来，然后将数据表放在选项卡中：

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

....
....

您应该尝试用一个h:form将选项卡视图括起来，然后将数据表放在选项卡中：

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

....
....

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

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

这是“真实”代码还是简化版本？您是否用选项卡视图将选项卡括起来？此外，您的表单具有相同的id。不知道这是否有效。您可以尝试在不使用tabview的情况下添加这两个表，看看它是否有效。这是“真实”代码还是简化版本？您是否用选项卡视图将选项卡括起来？此外，您的表单具有相同的id。不知道这是否有效。您可以尝试在不使用tabview的情况下添加这两个表，看看它是否有效。