Java 自定义wicket中的ModalDialog组件

我在一个页面上有多个ModalDialogs，每个都应该有不同的宽度。可以在.CSS中自定义每个模式对话框，其中将覆盖class.modal对话框

我想知道如何在不接触.CSS的情况下为每个模式对话框设置不同的宽度大小。因为每个模态窗口都有.modal对话框类，我无法更改名称，因为它将使用模态窗口创建

有没有办法使用AttributeModifier

公共类主面板扩展面板{ 非公开的最终ModalDialog ModalDialog； 公共主面板字符串id、IModel头项IDX、IModel collapseIdx{ 上级； setOutputMarkupIdtrue； modalDialog=新ModalDialogmodalDialog； modalDialog.addnew DefaultTheme； modalDialog.trapFocus； modalDialog.closeOnEscape； addmodalDialog； 添加新的AjaxLinkshowModalDialog{ @凌驾 public void onClickAjaxRequestTarget目标{ modalDialog.setContentnew ModalPanelcontent，MainPanel.this{ @凌驾 受保护的void closeAjaxRequestTarget目标{ modalDialog.closetarget； } }; modalDialog.opentarget； } }; addmodalDialog； } } .模态标题{ 字体大小：粗体； 边界：无； } .模态对话框{ 边界半径：5px； 指针事件：全部； } .modal对话框.modal对话框内容{ /*灵活儿童*/ 显示器：flex； 弯曲方向：立柱； } .modal-dialog-overlay.current-focus-trap.modal对话框内容{ /*仅使用当前焦点调整对话框大小，否则在Firefox上显示调整大小句柄*/ 调整大小：两者； } .modal对话框.modal对话框窗体{ /*大小*/ 保证金：0； 填充：0； 溢出：隐藏； /*父级中的flex*/ 弹性：1； /*灵活儿童*/ 显示器：flex； 弯曲方向：立柱； } .modal对话框.modal对话框标题{ 边界半径：5px 5px 0px 0px； 背景：ffb158； 保证金：0； 垫面：4px； 文本对齐：居中； } .modal对话框.modal对话框主体{ /*大小*/ 弹性：1； 溢出y：自动； 填充：20px； } .modal对话框.modal对话框页脚{ 填充物：5px； }

---

您可以向每个ModalWindow添加自定义CSS类：

modalDialog.add(AttributeAppender.append("class", "custom-1"));

然后在.css文件中添加css规则，例如：

.modal-dialog.custom-1 {
   width: 1234px;
}

或

---

这取决于您需要修改模态窗口的哪个元素。

您可以向每个模态窗口添加自定义CSS类：

modalDialog.add(AttributeAppender.append("class", "custom-1"));

然后在.css文件中添加css规则，例如：

.modal-dialog.custom-1 {
   width: 1234px;
}

或

这取决于需要修改模态窗口的哪个元素