Spring Boot中PrimeFaces openDialog无法使用的配置问题

嘿，我完全懂你这个头疼的问题！之前在Spring Boot整合PrimeFaces的项目里也踩过一模一样的坑——没有传统的faces-config.xml，不知道怎么配置Dialog Framework（简称DF）对吧？刚好结合你提到的那个Spring Boot+JSF入门项目，给你一步步捋清楚怎么改：

1. 先确认PrimeFaces依赖没问题 #

首先确保你的项目依赖里的PrimeFaces版本支持Dialog Framework（一般PrimeFaces 5+都支持，建议用稳定版），以Maven为例，pom.xml里的依赖要正确：

<dependency>
    <groupId>org.primefaces</groupId>
    <artifactId>primefaces</artifactId>
    <version>12.0.0</version> <!-- 换成你想用的稳定版就行 -->
</dependency>

2. 替代faces-config.xml的DF配置 #

Spring Boot下不用faces-config.xml，我们有两种方式配置Dialog Framework：

方式一：用application.properties配置全局开关 #

直接在application.properties里加这行，启用Dialog Framework：

primefaces.DIALOG_FRAMEWORK_ENABLED=true
# 可选：可以加一些默认配置，比如默认模态
primefaces.DIALOG_FRAMEWORK_MODAL=true

方式二：用注解定义导航规则（更灵活） #

如果需要自定义导航规则，可以创建一个JSF配置类，用@FacesConfig注解（JSF 2.3+支持）来替代faces-config.xml的导航配置：

import javax.faces.application.NavigationCase;
import javax.faces.application.NavigationRule;
import javax.faces.annotation.FacesConfig;
import javax.faces.context.FacesContext;
import java.util.ArrayList;
import java.util.List;

@FacesConfig(version = FacesConfig.Version.JSF_2_3)
public class JsfNavigationConfig {

    public NavigationRule getNavigationRule() {
        NavigationRule rule = new NavigationRule();
        rule.setFromViewId("/data.xhtml"); // 你的源页面路径

        // 配置openDialog的导航案例
        NavigationCase dialogCase = new NavigationCase(
                FacesContext.getCurrentInstance(),
                "/data.xhtml",
                "viewPerson", // 你按钮里用的outcome值
                null,
                "/person.xhtml", // 要打开的对话框页面
                null,
                true, // 这是核心！标记为Dialog导航
                null,
                null,
                null
        );

        List<NavigationCase> cases = new ArrayList<>();
        cases.add(dialogCase);
        rule.setNavigationCases(cases);

        return rule;
    }
}

3. 修改你添加的data.xhtml页面 #

从PrimeFaces Showcase拿的data.xhtml，只需要做这几个关键修改：

• 确保页面的PrimeFaces命名空间正确：xmlns:p="http://primefaces.org/ui"
• 把原来依赖faces-config.xml导航的按钮，改成直接调用Dialog Framework的openDialog方法，比如：
  把原来的：

  <p:commandButton value="View Person" action="viewPerson" />
  

  改成：

  <p:commandButton value="View Person" 
                   action="#{pf('dialogFramework').openDialog('/person.xhtml', 
                             [{'modal': true, 'width': 500, 'height': 300}], 
                             {'personId': person.id})}" />
  

  这里的第三个参数是传递给对话框的参数，比如person.id，可以在对话框页面用#{param.personId}获取。

4. 确保对话框页面（比如person.xhtml）正确 #

对话框页面要包含p:dialog组件，并且能接收参数，示例如下：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

    <p:dialog header="Person Details" widgetVar="personDialog" modal="true" closable="true">
        <h:panelGrid columns="2" cellpadding="5">
            <h:outputLabel value="Person ID:" />
            <h:outputText value="#{param.personId}" />
            <!-- 这里可以加更多需要展示的属性 -->
        </h:panelGrid>
        <p:commandButton value="Close" onclick="PF('personDialog').hide();" style="margin-top:10px;" />
    </p:dialog>

</ui:composition>

最后检查后台Bean #

别忘了把你的DataBean之类的后台类交给Spring管理，加上@Component和对应的作用域注解，比如@Scope("request")：

import org.springframework.stereotype.Component;
import org.springframework.web.context.annotation.RequestScope;

@Component
@RequestScope
public class DataBean {
    // 你的业务逻辑，比如获取person列表的方法
}

这样改完之后，点击按钮应该就能正常弹出Dialog Framework的对话框了！

内容的提问来源于stack exchange，提问作者Betlista