如何在Vaadin中有效地渲染动态子元素列表

时间:2019-05-02 20:14:19

标签: vaadin vaadin-flow

给出一个Vaadin应用程序,用户可以在其中添加和删除也在浏览器中呈现的列表元素,我想知道处理这种操作的最有效方法是什么。目前,我只是在使用addremove方法。

我只有Apache Wicket的经验,出于性能原因,应该避免操纵组件树。在文档中,我仅找到有关如何处理repeated elements in Polymer的内容,而没有关于如何使用“简单” API来完成此操作的内容。

我选择正确的方法吗?

1 个答案:

答案 0 :(得分:2)

Vaadin UI代码在服务器上运行,因此添加/删除操作不会直接影响DOM。当响应发送回浏览器时,Vaadin将查看先前的UI状态和当前状态之间的差异,并将适当的指令发送给浏览器客户端以更新DOM。在这种情况下,该指令将类似于“删除以下组件:...”。实际的DOM操作是由Vaadin处理的,您无法影响自己。

如果您遇到性能问题,请通过在GitHub上发布问题单来帮助我们,以便我们https://github.com/vaadin/flow/issues