如何在调用wicket ajax提交按钮后调用jquery函数

Question

我有一个带有提交按钮的表单,但这是由Wicket的AjaxButton类实现的.当HTML页面呈现时,Wicket为该提交按钮动态保持javascript onClick方法.

我希望在Wicket的onClick方法完成后使用JQuery进行一些操作.我该怎么做呢？

Answer 1

如果你做得对,使用JQuery或任何其他JavaScript库就像wicket中的魅力一样.

首先,您需要确保库存在.您通常使用JavascriptPackageResource执行此操作.

add(JavascriptPackageResource.getHeaderContribution("/path/to/jquery.js"));

(把它放在构造函数或动态初始化器或onBeforeRender()中)

然后,你需要确保

1. 你的组件有一个id(使用Component.setOutputMarkupId(true))和
2. 你在JQuery函数中使用正确的id(总是通过检索id Component.getMarkupId())

这是一个示例,其中一个按钮在单击时变为蓝色:

add(new AjaxButton("id"){

    private static final long serialVersionUID = 1L;

    @Override
    protected void onSubmit(AjaxRequestTarget target, Form<?> form){
        target.appendJavascript(
            "$('#" +getMarkupId() +"').css({'background':'blue'})");
    }
}.setOutputMarkupId(true));

Answer 2

protected void onClick(AjaxRequestTarget target){
   target.appendJavascript("alert('hello');");
)