Wicket 9非模态弹窗关闭后主页面组件运行报错问题咨询

问题根因 #

• 模型实例共享：你直接将主页面的IModel<MyDto>实例传递给弹窗的MyPage，两个页面对象持有同一个模型引用。Wicket在每个页面请求结束后都会调用所有关联模型的detach()方法，弹窗页面请求结束后触发的detach逻辑会清空模型持有的实体对象，主页面后续请求访问该模型时就会抛出NullPointerException。
• 页面版本不匹配：普通Link的onClick逻辑会先触发主页面的同步请求，这个过程会生成新的主页面版本，浏览器中停留的旧主页面HTML内所有AJAX组件、表单提交地址都绑定了旧版本号，默认配置下旧版本页面会被自动清理，后续请求就会出现状态不一致的异常。
• 模型回写逻辑异常：如果你主页面的表单组件使用了PropertyModel、CompoundPropertyModel这类依赖反射读写属性的模型实现，而你的MyDto没有对应setter方法，打开弹窗后主页面状态变更触发模型回写逻辑时，就会抛出NoSuchMethod异常。

修复方案 #

1. 隔离主页面与弹窗的模型实例 #

不要直接传递主页面的模型对象，取出MyDto实例后构造独立的新模型传给弹窗，避免模型状态被弹窗操作影响：

@Override
public void onClick() {
    MyDto dto = (MyDto) getDefaultModel().getObject();
    // 构造独立模型实例，不与主页面共享
    IModel<MyDto> popupModel = Model.of(dto);
    setResponsePage(new MyPage(popupModel));
}

2. 改用无状态链接打开弹窗，避免主页面状态变更 #

将普通Link替换为BookmarkablePageLink，直接生成弹窗的访问地址，不会触发主页面的状态更新和版本迭代：

// 先在Application的init方法中挂载弹窗页面路径
mountPage("my-popup-path", MyPage.class);

// 替换原有的Link实现
BookmarkablePageLink<Void> myLink = new BookmarkablePageLink<>("myLink", MyPage.class);
// 修正原代码两次调用setHeight的笔误，分别设置高宽
myLink.setPopupSettings(new PopupSettings().setHeight(100).setWidth(200));
Button button = new Button("button");
myLink.add(button);
add(myLink);

3. 适配不可变DTO的模型实现 #

如果你的MyDto是没有setter的不可变类，主页面的组件不要使用需要写权限的属性模型，改用只读的LambdaModel实现，避免触发setter调用：

// 示例：构造只读的name属性模型，不会尝试调用setName方法
IModel<String> nameModel = LambdaModel.of(() -> myDto.getName());

4. 弹窗修改后同步主页面（可选） #

如果需要弹窗操作后同步更新主页面的内容，可给主页面需要更新的组件设置setOutputMarkupId(true)，在弹窗关闭时通过JS调用父页面的AJAX回调更新对应组件，无需刷新整个页面。

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