ajax - Wicket 口 6 : Howto inject a javascript function via AbstractDefaultAjaxBehavior?

Question

我有一个附加了 JavaScript 文件的页面。

JavaScript 有一个函数，最后应该调用一个由 Wicket 通过 AbstractDefaultAjaxBehavior 注入(inject)的函数。

JavaScript 看起来像这样:

function updateAmount(amount){
  // do some calculations on amount
  saveAmount(amount);
}

注入(inject)的函数应该是这样的:

function saveAmount(amount){
  Wicket.Ajax.post({
    u: '${callbackUrl}',
    dep: function(){
           return [{name:'amount','value':amount}];
         }
}

我遇到的问题是，当 updateAmount 调用 saveAmount 函数时，(控制台)日志指出“saveAmount”未定义。

如果我查看源代码，注入(inject)的函数在那里，但不是 JavaScript，而是 wicket 生成的“AJAX”JavaScript。

目标是在 JavaScript 中调用一个函数，该函数将调用由 Wicket 注入(inject)的函数，该函数使用 JavaScript 提供的参数执行 AJAX 调用。

如果有任何帮助，我将不胜感激。

Answer 1

基本上，您应该使用 updateAjaxAttributes()和 renderHead()在自定义中 AbstractAjaxBehaviour

详情请见此处:

<罢工> http://wickedsource.org/2013/01/07/rolling-your-own-ajax-behavior-with-wicket/

取自google缓存，相关代码(作者:Tom Hombergs):

public class MyAjaxBehavior extends AbstractDefaultAjaxBehavior {

@Override
protected void respond(AjaxRequestTarget target) {
RequestCycle cycle = RequestCycle.get();
WebRequest webRequest = (WebRequest) cycle.getRequest();
StringValue param1 = webRequest.getQueryParameters().getParameterValue("param1");
StringValue param2 = webRequest.getQueryParameters().getParameterValue("param2");
// do whatever you need with param1 and param2
}

@Override
public CharSequence getCallbackScript() {
String script = super.getCallbackScript().toString();
script = script.replace("\"PLACEHOLDER1\"", "param1Value");
script = script.replace("\"PLACEHOLDER2\"", "param2Value");
return script;
}

@Override
protected void updateAjaxAttributes(AjaxRequestAttributes attributes) {
super.updateAjaxAttributes(attributes);
attributes.getExtraParameters().put("param1", "PLACEHOLDER1");
attributes.getExtraParameters().put("param2", "PLACEHOLDER2");
}

@Override
public void renderHead(Component component, IHeaderResponse response) {
super.renderHead(component, response);
String script = "var param1Value = My.JavaScript.Module.calculate1();";
script += "var param2Value = My.JavaScript.Module.calculate2();";
script += getCallbackScript();
response.render(OnDomReadyHeaderItem.forScript(script));
}

}