代码之家 › 专栏 › 技术社区 › Bruno A

未调用Primefaces dialog over dialog方法

primefaces jsf java

Bruno A · 技术社区 · 6 年前

当我从数据表中选择一行时,我有一个对话框来更改设备类型。第一个对话框打开时没有问题,我可以正常更改设备。

当我单击“保存”时,我会打开另一个对话框来确认更改。在这个新对话框中,id为“confirmarSim”的按钮应该调用一个后备bean方法。问题是永远不会调用方法,但会执行oncomplete方法(两个对话框关闭)。

代码如下:

<p:dialog header="Editar IP Cadastrado" id="dialog" styleClass="borderless" widgetVar="dlgEditar" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false" closable="false">

        <p:growl id="growlInformacao" sticky="true" />

        <p:panelGrid columns="2" rendered="#{not empty cadastrosIPsBean.selectedCadastro}" style="font-size: 14px">

            <p:outputLabel value="Equipamento:"/>
            <p:selectOneMenu id="selecionadorEquipamento" value="#{cadastrosIPsBean.selectedCadastro.equipamento}" style="width: 92%">
                <f:selectItems value="#{cadastrosIPsBean.listaEquipamentosFormatada}"/>
            </p:selectOneMenu>

            <br/>
            <br/>

            <f:facet name="footer">

                <p:commandButton value="Save" id="btConfirmar" oncomplete="PF('dlgConfirmar').show()" update=":form:tbl" style="width: 125px">
                    <p:dialog appendTo="@(body)" header="Confirmar alteraÃ§Ãµes" id="confirmar" widgetVar="dlgConfirmar" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false">
                        <br/>
                        <p:outputLabel value="Tem certeza de que deseja salvar as alteraÃ§Ãµes?" style="font-size: 14px"/>
                        <br/>
                        <br/>
                        <f:facet name="footer">
                            <p:commandButton id="confirmarSim" value="Yes" process="tbl" oncomplete="PF('dlgConfirmar').hide(); PF('dlgEditar').hide()" actionListener="#{cadastrosIPsBean.salvarAlteracoes()}" update=":form:growlInformacao" style="font-size: 14px; width: 100px"/>
                            <p:spacer width="20"/>
                            <p:commandButton id="confirmarCancelar" value="Cancel" process="tbl" oncomplete="PF('dlgConfirmar').hide()" actionListener="#{cadastrosIPsBean.atualizaListasUltimosCadastros()}" update=":form:tbl" style="font-size: 14px; width: 100px"/>
                        </f:facet>
                    </p:dialog>
                </p:commandButton>

                <p:spacer width="20"/>

                <p:commandButton value="Close" id="btFechar" oncomplete="PF('dlgDescartar').show()" action="#{cadastrosIPsBean.atualizaListasUltimosCadastros()}" update=":form:tbl" style="width: 125px">
                    <p:dialog appendTo="@(body)" header="Descartar alteraÃ§Ãµes" id="descartar" widgetVar="dlgDescartar" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false">
                        <br/>
                        <p:outputLabel value="Tem certeza de que deseja descartar as alteraÃ§Ãµes?" style="font-size: 14px"/>
                        <br/>
                        <br/>
                        <f:facet name="footer">
                            <p:commandButton id="fecharSim" value="Sim" process="tbl" oncomplete="PF('dlgDescartar').hide(); PF('dlgEditar').hide()" action="#{cadastrosIPsBean.atualizaListasUltimosCadastros()}" update=":form:tbl" style="font-size: 14px; width: 100px"/>
                            <p:spacer width="20"/>
                            <p:commandButton id="fecharCancelar" value="Cancelar" process="tbl" oncomplete="PF('dlgDescartar').hide()" action="#{cadastrosIPsBean.atualizaListasUltimosCadastros()}" update=":form:tbl" style="font-size: 14px; width: 100px"/>
                        </f:facet>
                    </p:dialog>
                </p:commandButton>

            </f:facet>

        </p:panelGrid>

</p:dialog>

其余代码运行良好,只是id为=“confirmarSim”的按钮没有调用backing bean方法 "#{cadastrosIPsBean.salvarAlteracoes()}" 。

为什么不调用此方法?

1 回复 | 直到 6 年前

Guilherme Abacherli 6 年前

您需要将对话框从主菜单中删除 <h:form></h:form> 并将每个对话框插入到其他窗体中。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html>
    <h:head>
    </h:head>

    <h:body>
            <h:form id="form">

            </h:form>

            <p:dialog appendTo="@(body)" header="Header" id="dialog1" widgetVar="dlg1" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false">
                <h:form id="firstDialog">
                    <br/>
                    <p:outputLabel value="Some text here?" style="font-size: 14px"/>
                    <br/>
                    <br/>
                    <p:separator/>
                    <div align="center" style="background-color: #DEDEDE">
                        <p:commandButton value="Yes" oncomplete="PF('dlg1').hide()" action="#{namedBean.method.execute()}" update=":form:growl, :form:dataList, :form:panelGrid" style="font-size: 14px; width: 100px"/>
                        <p:spacer width="20"/>
                        <p:commandButton value="Cancel" oncomplete="PF('dlg1').hide()" action="#{namedBean.method.execute()}" update=":form:growl" style="font-size: 14px; width: 100px"/>
                    </div>
                </h:form>
            </p:dialog>

            <p:dialog appendTo="@(body)" header="Header" id="dialog2" widgetVar="dlgExcluir" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false">
                <h:form id="secondDialog">
                    <br/>
                    <p:outputLabel value="Tem certeza de que deseja excluir o equipamento #{equipamentosBean.selectedEquipamento.nome}?" style="font-size: 14px"/>
                    <br/>
                    <br/>
                    <p:separator/>
                    <div align="center" style="background-color: #DEDEDE">
                        <p:commandButton value="Sim" oncomplete="PF('dlg2').hide()" action="#{namedBean.method.execute()}" update=":form:growl, :form:dataList, :form:panelGrid" style="font-size: 14px; width: 100px"/>
                        <p:spacer width="20"/>
                        <p:commandButton value="Cancelar" oncomplete="PF('dlg2').hide()" action="#{namedBean.method.execute()}" update=":form:growl" style="font-size: 14px; width: 100px"/>
                    </div>
                </h:form>
            </p:dialog>

            <p:dialog appendTo="@(body)" header="Header" id="dialog3" widgetVar="dlg3" modal="true" showEffect="fade" hideEffect="fade" resizable="false" draggable="false">
                <h:form id="thirdDialog">
                    <br/>
                    <p:outputLabel value="Some text here?" style="font-size: 14px"/>
                    <br/>
                    <br/>
                    <p:separator/>
                    <div align="center" style="background-color: #DEDEDE">
                        <p:commandButton value="Yes" oncomplete="PF('dlg3').hide()" action="#{namedBean.method.execute()}" update=":form:growl, :form:dataList, :form:panelGrid" style="font-size: 14px; width: 100px"/>
                        <p:spacer width="20"/>
                        <p:commandButton value="Cancel" oncomplete="PF('dlg3').hide()" action="#{namedBean.method.execute()}" update=":form:growl" style="font-size: 14px; width: 100px"/>
                    </div>
                </h:form>
            </p:dialog>

    </h:body>
</html>