更改语言后 PrimeFaces confirmDialog 不会显示

Question

我有一个表单，里面有一个数据表。其中一列是删除该行的按钮。该按钮附有一个 primefaces 确认对话框。

<h:form id="form" style="text-align: -webkit-center">
            <p:dataTable id="preferenceConfigs" var="preferenceConfig"
                         value="#{preferenceManagementBackingBean.preferenceConfigs}">
                <p:column style="width:6rem; text-align: center">
                    <p:commandButton update=":form"
                                     title="#{msgs['common.delete.userpreference.button']}"
                                     icon="fa fa-trash"
                                     action="#{preferenceManagementBackingBean.invalidatePreferenceConfig(preferenceConfig)}">
                        <p:confirm header="Confirmation" message="#{msgs['common.dialog.preference.config.warning']}"
                                   icon="fa fa-exclamation-circle" escape="false"/>
                    </p:commandButton>
            </p:dataTable>

            <p:confirmDialog global="true" showEffect="fade" hideEffect="fade" style="text-align-last: center">
                <p:commandButton value="#{msgs['common.dialog.confirm.yes']}" type="button"
                                 styleClass="ui-confirmdialog-yes" icon="fa fa-check"/>
                <p:commandButton value="#{msgs['common.dialog.confirm.no']}" type="button"
                                 styleClass="ui-confirmdialog-no" icon="fa fa-times"/>
            </p:confirmDialog>
        </h:form>

一切正常，直到我通过 commandLink 更改页面上的语言。它们位于这个上面的 masterLayout 文件中：

<h:form id="generalSettingsForm">
                            <ul id="language">
                                <li><h:commandLink
                                        action="#{languageSessionBean.changeLanguage('en')}" value="EN"
                                        class="blgm_lSwitch" id="EN"/></li>
                                <li><h:commandLink
                                        action="#{languageSessionBean.changeLanguage('nl')}" value="NL"
                                        class="blgm_lSwitch" id="NL"/></li>
                                <li><h:commandLink
                                        action="#{languageSessionBean.changeLanguage('fr')}" value="FR"
                                        class="blgm_lSwitch" id="FR"/></li>
                            </ul>
                        </h:form>

    public void changeLanguage(String language) {
        locale = new Locale(language);
        findCurrentFacesContext().getViewRoot().setLocale(locale);
    }

这会刷新页面并显示正确的语言。但是，现在按下删除按钮会自动执行操作，而不会出现任何确认对话框。只有当我打开另一个对话框（存在于 JSF 页面中）和 return 时，确认信息才会再次出现...

开发控制台给我以下错误：

VM1391 components.js.xhtml:13 Uncaught TypeError: Cannot read property 'style' of undefined
    at c.show (VM1391 components.js.xhtml:13)
    at c.showMessage (VM1391 components.js.xhtml:13)
    at Object.confirm (VM1391 components.js.xhtml:1)
    at Object.confirm (VM1390 core.js.xhtml:1)
    at HTMLButtonElement.onclick (preferenceManagement.xhtml:58)

有什么见解吗？

Answer 1

你能试试把 p:confirmDialog 去掉吗？像这样：

<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" style="text-align-last: center">
    <p:commandButton value="#{msgs['common.dialog.confirm.yes']}" type="button"
                     styleClass="ui-confirmdialog-yes" icon="fa fa-check"/>
    <p:commandButton value="#{msgs['common.dialog.confirm.no']}" type="button"
                     styleClass="ui-confirmdialog-no" icon="fa fa-times"/>
</p:confirmDialog>

<h:form id="form" style="text-align: -webkit-center">
    <p:dataTable id="preferenceConfigs" var="preferenceConfig"
        value="#{preferenceManagementBackingBean.preferenceConfigs}">
        <p:column style="width:6rem; text-align: center">
            <p:commandButton update=":form" icon="fa fa-trash"
                title="#{msgs['common.delete.userpreference.button']}"
                action="#{preferenceManagementBackingBean.invalidatePreferenceConfig(preferenceConfig)}">
                <p:confirm header="Confirmation" message="#{msgs['common.dialog.preference.config.warning']}"
                           icon="fa fa-exclamation-circle" escape="false"/>
        </p:commandButton>
    </p:dataTable>
</h:form>

Answer 2

似乎 confirmDialog 在 ajax 更新时表现不佳。

通常语言更改意味着必须更新页面的所有部分，因此使用部分更新没有任何好处。

解决它的简单方法是在您的命令链接上将 ajax 设置为 false：

<h:commandLink action="#{languageSessionBean.changeLanguage('fr')}" 
               value="FR" class="blgm_lSwitch" id="FR" ajax="false" />

Answer 3

经过更多的谷歌搜索，这似乎是 primefaces 6.2 的一个问题，具有以下行为：

confirmDialog does not show, an error is logged on console (TypeError: this.jqEl is undefined)

这已在 6.2.2 中修复。我无法自己测试，因为所有次要版本仅供付费用户使用。作为解决方法，我将尝试使用自定义对话框。您也可以使用 primefaces 7.0

official github with reproducer

Answer 4

使用版本 primefaces 6.2 我遇到了同样的事情，然后努力搜索我发现这个解决方案非常有效，我希望它可以帮助某人，在网络中 xml 添加：

<context-param>
   <param-name>primefaces.MOVE_SCRIPTS_TO_BOTTOM</param-name>
   <param-value>true</param-value>
</context-param>

更改语言后 PrimeFaces confirmDialog 不会显示

PrimeFaces confirmDialog won't show after changing language

primefaces

jsf-2