Vaadin 23 延迟加载 Details 组件

Question

我爱Vaadin Details成分。但看起来它总是预渲染的。能否将Details组件转成懒加载模式？

我想在用户展开面板时呈现详细信息内容。是否可以通过 Details 组件来实现？如果不是，可以使用什么来实现这种行为？

Answer 1

Details 不支持延迟加载组件，但您可以使用 addOpenedChangeListener 来解决这个问题。使用像 div 这样的占位符组件作为内容，一旦监听器被 open=true 触发，就将 div 替换为真正的组件。请记住，用户可以多次打开/关闭详细信息。您必须跟踪用户是否已打开它/您的内容已呈现一次，因此不会重新创建。