[英]Wicket component won't refresh via AJAX
我有一个Wicket页面,其中包含一些应通过AJAX更新的组件。 我有以下AjaxBehavior:
private class MyAjaxBehavior extends AbstractDefaultAjaxBehavior {
@Override
public void renderHead(IHeaderResponse response) {
super.renderHead(response);
response.renderOnLoadJavascript("wicketAjaxPost(\"" + getCallbackUrl() + "\")");
}
@Override
public void onConfigure(Component component) {
firstComponent.setOutputMarkupId(true);
secondComponent.setOutputMarkupId(true);
}
@Override
protected void respond(AjaxRequestTarget target) {
firstComponent.replaceWith(createFirstComponent());
target.addComponent(firstComponent);
secondComponent.replaceWith(createSecondComponent());
target.addComponent(secondComponent);
}
}
我有一个像这样的组件层次结构:
Page
- fragment1
- fragment1-1
- firstComponent
- secondComponent
问题是firstComponent
从未在AJAX回调后刷新。 secondComponent
已正确更新。 我试图将firstComponent
移到frament1-1
(只是做实验),它起作用了! 我尝试使用一些额外的片段来包装firstComponent
但没有帮助。
我试图调试Wicket的AjaxRequestTarget.respondComponent()
。 有以下代码:
// Initialize temporary variables
final Page page = component.findParent(Page.class);
if (page == null)
{
// dont throw an exception but just ignore this component, somehow
// it got
// removed from the page.
// throw new IllegalStateException(
// "Ajax request attempted on a component that is not associated
// with a Page");
LOG.debug("component: " + component + " with markupid: " + markupId +
" not rendered because it was already removed from page");
return;
}
page
为null这里既firstComponent
和secondComponent
但第二个不知何故被重新呈现。
为什么不重新渲染firstComponent
任何想法? 我应该在哪里挖? 我使用的是Wicket 1.4.22。
UPD
我尝试将新组件添加到target
而不是旧组件。 它会在页面上创建新组件,但不会刷新旧组件。 因此,我在页面上有两个组件,而不是一个。 而且由于某种原因,它破坏了HTML标记结构。 像这样:
<div>
<div id="generated">new component is added here</div>
<table>
...
<tr>old component</tr>
</table>
</div>
我的firstComponent
检票口标记如下:
<div>
<table class="summary" style="width: 100%">
<tr>
<div wicket:id="firstComponent" />
</tr>
</table>
</div>
...
<wicket:fragment wicket:id="firstComponentFragment">
<th>title</th>
<td><span wicket:id="someText"></span></td>
</wicket:fragment>
因此,您可以看到表外部添加了新组件。
有时向ajax响应目标添加父组件(例如Form本身)会更容易,因此您可以确保其下的所有内容都已更新。 因此,没有重复或缺少更新。 仅在需要这种性能的情况下才需要仅更新特殊组件。 即使您可以定义一个包装容器,也可以对其进行更新,以确保删除旧标记。
您必须更新新创建的组件:
@Override
protected void respond(AjaxRequestTarget target) {
Component old = firstComponent;
firstComponent = createFirstComponent();
old.replaceWith(firstComponent);
target.addComponent(firstComponent);
}
更新: <table>
标记内不能有<div>
,否则浏览器会将更新标记附加在表之外。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.