我想使用 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。
到目前为止,我发现了三个与我相关的案例:
- 具有 BorderBehavior 的组件通过 ajax 重新渲染
- 具有BorderBehavior的组件的父组件通过ajax重新渲染
- 重新呈现整个页面
最佳答案
你可以让你的行为 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)
关于java - 如何将 BorderBehavior 与 ajax 重新渲染结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53256594/