我正在尝试从 Wicket 中的 Javascript 调用一些 Java 代码。
这是我的 Java 代码:
public ShowUnternehmen() {
add(new AbstractDefaultAjaxBehavior() {
@Override
protected void respond(AjaxRequestTarget ajaxRequestTarget) {
System.out.println("respond");
}
@Override
public void renderHead(Component component, IHeaderResponse response) {
super.renderHead( component, response );
System.out.println(getCallbackUrl());
}
});
这是 Javascript 代码:
<wicket:head>
<script type="text/javascript" >
$(function() {
$.contextMenu({
selector: '.context-menu-one',
callback: function(key, options) {
var m = "clicked: " + key;
alert("BLA");
Wicket.Ajax.get({"u":"./com.emg.panels.unternehmen.ShowUnternehmen?1-1.IBehaviorListener.0-"})
},
items: {
"edit": {name: "Editieren", icon: "edit"},
"quit": {name: "Abbrechen", icon: function(){
return 'context-menu-icon context-menu-icon-quit';
}}
}
});
$('.context-menu-one').on('click', function(e){
console.log('clicked', this);
})
});
</script>
</wicket:head>
但是响应方法永远不会执行。我正在查看其他示例,但它们似乎都令人困惑。
我从 renderHead 方法得到了这个 url
最佳答案
你走的很好。如果让wicket把回调函数渲染到页面上会更可靠。以下两个示例展示了如何做到这一点:
A) 呈现一个全局回调函数。缺点是您将只有一个回调端点。
(1) 创建如下行为:
public class CallFromJavascriptBehavior extends AbstractDefaultAjaxBehavior {
@Override
protected void respond(AjaxRequestTarget target) {
final StringValue parameterValue = RequestCycle.get().getRequest().getQueryParameters().getParameterValue("yourName");
System.out.println(String.format("Hello %s", parameterValue.toString()));
}
@Override
public void renderHead(Component component, IHeaderResponse response) {
super.renderHead(component, response);
response.render(JavaScriptHeaderItem.forScript(String.format("nameOfFunction=%s", getCallbackFunction(CallbackParameter.explicit("yourName"))), "CallFromJavascriptBehavior"));
}}
(2) 将此行为添加到您的 wicket 页面。
(3) 现在你可以调用 nameOfFunction('Markus');来自你的 javascript。
B) 为页面上组件的每个实例调用一个初始化函数。
(1) 给你的页面添加一个初始化函数
<script>
function initMyComponent(selector, callback){
$(selector).click(function(){
callback("Markus");
});
}
</script>
(2) 创建如下行为,调用初始化函数并传递必要的选择器和回调函数。
public class ComponentBehavior extends AbstractDefaultAjaxBehavior{
@Override
protected void respond(AjaxRequestTarget target) {
final StringValue parameterValue = RequestCycle.get().getRequest().getQueryParameters().getParameterValue("yourName");
System.out.println(String.format("Hello %s", parameterValue.toString()));
}
@Override
public void renderHead(Component component, IHeaderResponse response) {
super.renderHead(component, response);
response.render(OnDomReadyHeaderItem.forScript(String.format("initMyComponent('#%s', %s)", component.getMarkupId(), getCallbackFunction(CallbackParameter.explicit("yourName")))));
}}
(3) 将行为添加到您的 wicket 组件。
如果没有调用响应方法,则可能有不同的原因。您应该首先检查您的控制台(ide 和浏览器)。
关于javascript - 从 Javascript 调用 Wicket 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42376787/