向 Wicket 实施 javascript 事件

Question

我是 ria 开发新手，正在使用 Ajax 滑块示例。我不知道如何使用 javascript 事件。在示例中，onValueChanged 事件是预先实现的。如何实现 onchange- 或 onSlider-event ？

非常感谢所有帮助！

public abstract class AjaxSlider extends WebMarkupContainer {

    private static final long serialVersionUID = 1L;

    public AjaxSlider(String id) {
            super(id);
            super.setOutputMarkupId(true);
    }
    public JQUIComponentBehaivor<SliderOptions> getSlideBehaviors() {
        List behaviors = getBehaviors();
        for(Object behavior : behaviors){
            if(behavior instanceof SliderBehavior)
                        return (SliderBehavior) behavior;
        }
        return null;
    }


    public abstract void onValueChanged(AjaxRequestTarget target,
                    int newValue);

    @Override
    protected void onInitialize() {
            super.onInitialize();
            AbstractDefaultAjaxBehavior ajaxBehavior =
                new AbstractDefaultAjaxBehavior() {
                    private static final long serialVersionUID = 1L;

                    @Override
                    protected void respond(AjaxRequestTarget target) {
                            String sliderValue = RequestCycle.get().getRequest()
                                            .getParameter("sv");
                            if (Utils.isNotBlank(sliderValue)) {
                                    onValueChanged(target, Integer.valueOf(sliderValue));
                            }
                    }
            };
            super.add(ajaxBehavior);
            super.add(new SliderBehavior(new SliderOptions()
                            .changeEvent(wicketAjaxGet(
                                            ajaxBehavior,
                                            new MapBuilder<String, Object>().add("sv",
                                                            js("ui.value")).build()))));
    }

}

Answer 1

您给出的示例为更改事件添加了一个事件处理程序。此事件处理程序的作用是向上面定义的 ajaxBehavior 发出 GET 请求。然后，该行为从 GET 参数中提取滑块值并调用 onValueChanged。

您可以向 SliderOptions 添加另一个事件处理程序，就像这样。例如：

.slideEvent(
    wicketAjaxGet(ajaxBehavior,
                  new MapBuilder<String, Object>()
                  .add("sv",  js("ui.value")).build()))));

每当用户移动滑块时，该处理程序都应该调用 ajax 行为。