gpt4 book ai didi

java - 按键关闭 ModalWindow

转载 作者:塔克拉玛干 更新时间:2023-11-03 05:00:24 25 4
gpt4 key购买 nike

我希望能够在用户按下某个键时关闭 ModalWindow,在我的例子中是 ESC。

我有一个用于按键的 Javascript 监听器,它调用取消按钮 ID 的点击事件:

jQuery("#"+modalWindowInfo.closeButtonId).click();

这是正确的做法吗?

我想知道,因为它在 Chrome 中有效,但在 FF 中无效,但这可能是由于我的特定实现所致。

最佳答案

“正确”的做法是调用服务器,然后用响应关闭它。您可以使用 ajax 行为执行此操作:

ModalTestPage.java

public class ModalTestPage extends WebPage {
public ModalTestPage(PageParameters parameters) {
super(parameters);

final ModalWindow modal = new ModalWindow("modal");
modal.setContent(new Fragment(modal.getContentId(), "window", this));
add(modal);

add(new AjaxLink<Void>("link") {
@Override
public void onClick(AjaxRequestTarget target) {
modal.show(target);
}
});

add(new CloseOnESCBehavior(modal));
}

private static class CloseOnESCBehavior extends AbstractDefaultAjaxBehavior {
private final ModalWindow modal;
public CloseOnESCBehavior(ModalWindow modal) {
this.modal = modal;
}
@Override
protected void respond(AjaxRequestTarget target) {
modal.close(target);
}
@Override
public void renderHead(Component component, IHeaderResponse response) {
response.renderJavaScriptReference("https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js");
response.renderJavaScript("" +
"$(document).ready(function() {\n" +
" $(document).bind('keyup', function(evt) {\n" +
" if (evt.keyCode == 27) {\n" +
getCallbackScript() + "\n" +
" evt.preventDefault();\n" +
" }\n" +
" });\n" +
"});", "closeModal");
}
}
}

ModalTestPage.html

<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>

<a wicket:id="link">SHOW</a>
<div wicket:id="modal"></div>

<wicket:fragment wicket:id="window">
Press ESC to dismiss
</wicket:fragment>
</body>
</html>

关于java - 按键关闭 ModalWindow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5042426/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com