java - 如何将 BorderBehavior 与 ajax 重新渲染结合使用

Question

我想使用 BorderBehavior 在不同组件周围添加附加标记。

MyBorderBehavior extends BorderBehavior {

}

<wicket:border>
<div class="myBorderBehavior">
    <wicket:body />
    <!-- some more HTML code -->
</div>
</wicket:border>

因此，在某个时刻，我向组件添加一个新的 MyBorderBehavior。

MyComponent myComponent = new MyComponent().add(new MyBorderBehavior());

但是当我想通过ajax刷新myComponent时

ajaxRequestTarget.add(myComponent)

再次绘制 MyBorderBehavior 的 Html 标记，而不删除 dom 中已存在的 MyBorderBehavior 标记。因此，MyBorderBehavior 的标记在浏览器中显示两次或更多次。

如何为可以使用ajax重新渲染的组件添加边框？

到目前为止，我发现的一个可行的解决方案是通过 JavaScript 手动删除 MyBorderbehavior 的标记:

MyBorderBehavior extends BorderBehavior {
    @Override
    public void onComponentTag(Component component, ComponentTag tag) {
        super.onComponentTag(component, tag);

        IValueMap attributes = tag.getAttributes();
        attributes.put("class", attributes.getString("class", "") + " hasMyBorderbehavior");
    }
}

Wicket.Event.subscribe('/dom/node/removing', function(a, attributes, c, d, e) {
    var component = $('#' + attributes['id']);
    if (component.hasClass("hasMyBorderbehavior"))
    {
        component.closest(".myBorderBehavior").replaceWith(component);
    }
});

但这似乎很hacky。

到目前为止，我发现了三个与我相关的案例:

1. 具有 BorderBehavior 的组件通过 ajax 重新渲染
2. 具有BorderBehavior的组件的父组件通过ajax重新渲染
3. 重新呈现整个页面

Answer 1

你可以让你的行为 temporary这将克服使用 Ajax 重新绘制时的问题，但在重新渲染整个页面时可能会破坏该问题。

更好的解决方案可能是覆盖 beforeRender BorderBehavior 的属性，当这是 Ajax 请求时不执行任何操作:

@Override public void beforeRender(Component component) {
  if (!RequestCycle.get().find(AjaxRequestTarget.class).isPresent()) {
     super.beforeRender(component);
  }
}

同样适用于afterRender() .

上面的代码适用于 Wicket 8.x，其中 RequestCycle.get().find(Class<T>)返回Optional<T> 。如果您使用旧版本，则需要检查 null相反:if (RequestCycle.get().find(AjaxRequestTarget.class) != null)