按钮单击检票口后开始间隔

Question

我正在尝试在单击按钮后开始间隔。

button = form.add(new AjaxButton("button") {
  @Override
  protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
      AjaxSelfUpdatingTimerBehavior ajaxSelfUpdatingTimerBehavior = new AjaxSelfUpdatingTimerBehavior(Duration.seconds(5)) {
          private static final long serialVersionUID = 1L;

          @Override
          protected void onPostProcessTarget(AjaxRequestTarget target) {
              logger.debug("onPostProcessTarget");
          }

      };
      this.add(ajaxSelfUpdatingTimerBehavior);
  }
  });
});

之前的 AjaxSelfUpdatingTimerBehavior 在按钮单击后不会启动。我怎样才能让它开始？

奇怪的是，如果我在前一个块之后添加一个这样的新块

button.add(new AjaxSelfUpdatingTimerBehavior(Duration.seconds(5)) {
    private static final long serialVersionUID = 1L;

    @Override
    protected void onPostProcessTarget(AjaxRequestTarget target) {
        logger.debug("onPostProcessTarget2");
    }

});

他们都开始了。但是最后一个也更新了我不想要的dom。

总而言之，如何在单击按钮后开始间隔？ （类似于第一个代码sn-p）

Answer 1

与常规表单提交不同，ajax 表单提交（通过像您在此处执行的 ajax 按钮）不会重新渲染您未明确声明要通过对其执行target.add(...) 重新渲染的任何内容。

这意味着您对组件层次结构或组件本身所做的任何更改（例如添加新行为）都将保留在后端，直到您更新各个组件或重新呈现整个页面.

为了传播 ajax 请求中的任何状态更改，请在您的表单提交中调用 target.add(this)。这将使 wicket 更新组件，从而将它的新行为添加到前端。

因此，根据您的示例，代码应如下所示：

button = form.add(new AjaxButton("button") {
  @Override
  protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
      AjaxSelfUpdatingTimerBehavior ajaxSelfUpdatingTimerBehavior = new AjaxSelfUpdatingTimerBehavior(Duration.seconds(5)) {
          private static final long serialVersionUID = 1L;

          @Override
          protected void onPostProcessTarget(AjaxRequestTarget target) {
              logger.debug("onPostProcessTarget");
          }

      };
      this.add(ajaxSelfUpdatingTimerBehavior);
      target.add(this);
  }
  });
});