如何使用 Wicket 的 AjaxLink 创建可更新面板？

Question

我尝试实现一个使用 Wicket 的 AjaxLink 更新网站中表格的链接（实际上是很多链接）。但我失败了，表永远不会更新（我有“setOutputMarkupId(true)”并调用“setDefaultModelObject”和“addComponent”，但一定还有其他错误）。

如何实现一个包含多个链接的面板和一个根据单击的链接显示动态数据的表格？有人可以举个例子吗（也许有两个链接，当单击第一个链接时，表格显示 1-10 之间的两个随机数字，当单击第二个链接时，表格显示 1-100 之间的随机数字）？不重新加载整个页面，而只加载表格的 html？

Answer 1

一个可能的原因可能是您没有使用“可刷新”模型，而是获取列表项并将它们直接传递给组件，因此列表在会话中序列化并且不会更新。

如果是这种情况，请将 LoadableDetachableModel（在其加载方法中检索列表）传递给组件。如果没有看到您的代码，我无法更具体。

Answer 2

我认为您没有非常清楚地定义自己在做什么。

这两个表有不同的实现吗？如果是这样，那么您的代码是正确的 - 您必须用新组件替换旧组件，然后将新组件添加到 ajax 响应中。

但实际上，我想象您有 1 个表组件实现。

因此，您需要做的是这样的：（

public class RandomNumberListModel extends LoadableDetachableModel {
    private int upperBound;

    public RandomNumberListModel(int upperBound) {...}

    public void setUpperBound(int upperBound) {...}

    protected Object load() {
        // generate random number list using upper bound
        // return list
    }        
}

...

final MyTableComponent table = new MyTableComponent(new RandomNumberListModel(30));
add(table);    
AjaxLink link = new AjaxLink("myButton") {
    public void onClick(final AjaxRequestTarget target) {
        table.getModel().setUpperBound(100);
        target.addComponent(table);
    }
};
add(link);

编辑）我添加了一个动态的、可重用的模型来说明该模型如何工作。有不同的方法可以实现这一点，具体取决于您想要重用的内容。关键点是模型动态生成列表，即根据请求生成列表，并且可以在 onClick 回调中操作数字范围的 upperBound。

Answer 3

就像 jboyd 所问的那样，您是否有知道在 Ajax 响应中发送回表内容的代码？：

final Component tableComponent = ....;
AjaxLink link = new AjaxLink("myButton"){
    public void onClick(final AjaxRequestTarget target) {
        target.addComponent(tableComponent);
    }
};
add(link);

addComponent 部分是 jboyd 所指的部分。

Answer 4

wicketstuff.org 示例中有一个这样的示例，即 tree/tree 表 之一。顶部的三个链接更改了表格。