使用ajax侦听器时,Primefaces对话框框架无法正常工作

Kul*_*ngh 5 ajax dialog primefaces jsf-2.2 dialog-framework

我正在尝试使用Primefaces 4对话框架打开对话框,

public void openDialog(String viewName) {
  RequestContext.getCurrentInstance().openDialog(viewName);
}
Run Code Online (Sandbox Code Playgroud)

这有效:

<p:commandButton value="Click" action="#{impaktDialogBean.openDialog('/popup/test2')}"/>
Run Code Online (Sandbox Code Playgroud)

这不是:

<p:commandButton value="Click">     
  <p:ajax event="click" listener="#{impaktDialogBean.openDialog('/popup/test2')}" ></p:ajax>
</p:commandButton>
Run Code Online (Sandbox Code Playgroud)

那么,Primefaces对话框架只适用于action&actionListener ?????

我正在使用:

  • Primefaces 4
  • 雄猫7
  • JSF 2.2.6 Mojarra

谢谢.

Mar*_*ros 0

你有这个:

public void openDialog(String someView) {
    RequestContext.getCurrentInstance().openDialog(someView);
}
Run Code Online (Sandbox Code Playgroud)

所以当你这样做时:

<h:form id="form">
    <p:commandButton id="button" value="Click" actionListener="#{bean.openDialog('someView')}" />
</h:form>
Run Code Online (Sandbox Code Playgroud)

您会在 Ajax 响应中收到以下内容:

PrimeFaces.openDialog({
    url:'/some/address/view.xhtml',
    pfdlgcid:'cf8e7955-a6cf-4dd8-9a07-55cd29696a64',
    sourceComponentId:'form:button',
    sourceWidget:PF('widget_form_button'),
    options:{}});
Run Code Online (Sandbox Code Playgroud)

所以,你可以尝试这个:

<h:form id="form">
    <p:commandButton id="button" value="Click" onclick="PrimeFaces.openDialog({
        url:'/some/address/view.xhtml',
        pfdlgcid:'cf8e7955-a6cf-4dd8-9a07-55cd29696a64',
        sourceComponentId:'form:button',
        sourceWidget:PF('widget_form_button'),
        options:{}});" />
</h:form>
Run Code Online (Sandbox Code Playgroud)

您甚至可以使用返回值:

<h:form id="form">
    <p:growl id="growl" showDetail="true" />

    <p:commandButton id="button" value="Click" onclick="PrimeFaces.openDialog({
        url:'/some/address/view.xhtml',
        pfdlgcid:'cf8e7955-a6cf-4dd8-9a07-55cd29696a64',
        sourceComponentId:'form:button',
        sourceWidget:PF('widget_form_button'),
        options:{}});">

        <p:ajax event="dialogReturn" listener="#{bean.returnedValue}" update="growl" />
    </p:commandButton>
</h:form>
Run Code Online (Sandbox Code Playgroud)

AJAX 只是将结果转向目标 url。如果您已经知道目标网址,则无需执行此操作。在我的基本测试中,这工作得很好,与原始版本完全相同,只是您必须在“url”字段中传递目标地址,而不是结果。

希望这可以帮助。