Wicket 和复杂的 Ajax 场景

Question

当屏幕有多个交互的 Ajax 控件并且您想要控制组件的可见性以对这些控件做出反应（以便您只显示在任何给定情况下有意义的内容）时，请调用 target.addComponent()手动更新您想要更新的所有内容变得很麻烦并且不太可维护。

最终，onClick 和 onUpdate 回调网络可能会达到这样一个程度：向屏幕添加新组件会比预想的更加困难。

避免这种复杂性增加的常用策略是什么（甚至是库，如果存在这样的东西）？

更新：感谢您的回答，我发现它们都非常有用，但我只能接受一个。对不起。

Answer 1

在 Wicket 1.5 中，有一个事件总线。每个组件都有 onEvent(Object Payload) 方法。使用component.send()，您可以广播事件，每个组件都可以检查有效负载（例如UserJoinedEvent对象）并决定是否要参与当前的Ajax响应。请参阅http://www.wicket-library.com/wicket-examples/events/< /a> 一个简单的演示。

Answer 2

您可以添加结构组件，例如 WebMarkupContainer，当您将其添加到 AjaxTarget 时，其中包含的所有内容也会更新。这允许您在一行中更新组件组。

Answer 3

当我为页面创建组件时，我倾向于将它们添加到组件数组中：

Component[] pageComponents = {
                  new TextField<String>("Field1"),
                  new TextField<String>("Field2"),
                  new TextField<String>("Field3")
}

从 Wicket 1.5 开始，添加函数采用数组参数 [1]。因此，可以将元素添加到页面或目标，如下所示：

add(pageComponents);
target.add(pageComponents);

然后可以根据要一起刷新的组件对组件进行分组。

[1] http://www.jarvana.com/jarvana/view/org/apache/wicket/wicket/1.5-M3/wicket-1.5-M3-javadoc.jar!/org/apache/wicket/ajax /AjaxRequestTarget.html

Answer 4

好吧，我们这里讨论的是多少个组件？十？二十？数百个？

对于最多二十个或大约这个，您可以有一个状态控制器来控制应显示哪些组件。该控制器设置组件模型的可见字段，并且您始终将所有组件添加到控制器处理的请求中。您只需将组件 ajax 事件重定向到控制器处理方法即可。

对于大量的组件，其有效负载过重而无法获得良好的性能，您可以使用 jQuery 之类的 javascript 库来由客户端进行显示和隐藏。

Answer 5

我目前使用某种修改过的观察者模式来模拟 Wicket 1.4 中的事件总线。

我的页面充当可观察的观察者，因为我的组件彼此不认识，并且在多个页面中以不同的组合重用。每当一个组件收到可能影响其他组件的 Ajax 事件时，它就会使用事件对象和 ajax 目标调用其页面上的方法。该页面对所有已为此类事件注册的组件调用类似的方法，并且每个组件可以根据提供的事件对象来决定是否以及如何做出反应并将其自身附加到目标。

可以通过使用检票口访客来存档相同内容。我不知道哪个更好，但我认为这主要是口味问题。