Question

我在一个p:tab内使用p:dialog内的primefaces的动态overlayPanel，如下所示：

    <p:dialog id="dialog" modal="true" header="Nouveau Article"
            widgetVar="dlg">

            <h:form prependId="false" enctype="multipart/form-data">

     <p:tabView id="monpanel">  

                    <p:tab id="tab1" title="Informations">
                    ....
                    </p:tab>
                    <p:tab id="tab2" title="Prix">
                    ....
                    </p:tab>
     <p:tab id="tab3" title="Stock et fournisseurs">


                        <h:outputLabel value="" /><h:outputLabel value="" /><h:outputLabel value="" />

                        <p:commandButton id="carBtn" value="Selectionner Fournisseurs" type="button" />

                        <p:overlayPanel  appendToBody="true" my="left top" id="carPanel" for="carBtn" hideEffect="fade"
                            dynamic="true">
                            <p:dataTable id="table" var="car" rowKey="#{car.fournisseurId}" 
                             value="#{articlesMB.listfournisseurs}"  selection="#{articlesMB.selectedFournisseurs}"
                                rows="10" paginator="true" >
                                <p:column  selectionMode="multiple" style="width:20px" />
                                <p:column headerText="Id">
                                    <h:outputText value="#{car.fournisseurId}" />
                                </p:column>

                                <p:column headerText="Nom">
                                    <h:outputText value="#{car.personne.nom}" />
                                </p:column>

                            </p:dataTable>
                        </p:overlayPanel>

                        </p:tab>
                         </p:tabView>
<p:commandButton id="article-ajouter"
                    update=":messages monpanel :articlesdata"
                    action="#{articlesMB.ajouter}" value="add" />
                         </h:form>
                         </p:dialog>

第一次它工作正常，但是当我点击添加按钮并且验证失败（因为任何原因）并且我点击overlaypanel的动态按钮时，它会出现但是当我检查或取消选中其中一行数据表时它消失了，我不知道原因

你知道如何解决这个问题

Answer 1

你cammandButton应该使用'process'属性，你指定组件来提交信息（不指定叠加）。

例如：

<p:inputText id="txttest" required="true" value="" />
<p:commandButton process="txttest" id="article-ajouter"
                    update=":messages monpanel :articlesdata"
                    action="#{articlesMB.ajouter}" value="add" />

Answer 2

您的叠加面板仅适用一次的原因是您更新了包含overlayPanel附加到的命令按钮的面板。这是在PF 5之后出现的overlayPanel中的错误。您可以在不使用进程属性的情况下解决此问题，我认为这样的解决方案会降低代码的可读性。

如果您将widgetVar定义为overlayPanel，说'carPanelWDG'，并在命令按钮的PF('carPanelWDG').loadContents()事件中调用onComplete函数，则一切正常。即使没有评论解释为什么你做了这样的事情，任何人都可以轻易地解释这一点。

overlaypanel primefaces在tabview内的对话框内无法正常工作

2 个答案: