搜索在 vaadin UI 之间传递数据的最佳实践



我是vaadin的新手,我正在尝试使用SQL Server中的数据构建一个具有多个页面的Web应用程序。由于我对几个 StackOverflow 主题的研究,我可以让第一页工作,在网格中显示我的 Person 实体的一些基本数据。

现在,当我在网格中选择一条记录并单击按钮时,我想打开第二页并使用所选人员 (person.getId()) 的 ID 将其他数据从后端加载到 FormLayout(在本例中为联系信息)。

目前,我已经让我的应用程序打开了第二页,但没有数据。我的第二页有@Route("/contact")注释,我在第一页中使用ui.navigate("/contact")导航到第二页。

昨天我花了一些时间阅读有关Blackboard EventBus的文章,以便在页面之间传递数据。我必须处理一个简单的示例,其中第一页触发人员事件,第二页侦听这些事件并显示具有System.out.println()的人员。但是如何使用此事件/人员数据刷新我的第二个 vaadin 页面?与 Blackboard 代码示例一样,我的 Blackboard Bus 是静态的。

如前所述,我想选择一个人,然后导航到另一个页面以加载此人的其他信息。如果用户导航回第一页并选择另一个人,再次单击按钮导航到第二页,则第二页应刷新并显示新选择的人员的数据。

目前,我的第二个页面加载,但崩溃并NullPointerException,因为 selectedPerson 变量为空,我不明白如何使用 Blackboard 侦听器使用从事件中检索到的人员数据刷新 UI。

我真的不知道该如何进行,目前。

我建议你将人的id作为参数传递。像这样的东西(未经测试的代码)

FirstView
button.addClickListener(event -> {
ui.navigate(ContactPage.class, selectedPerson.getId());
}

然后是另一页

@Route("contact")
public class ContactPage extends ... implements HasUrlParameter<Long> {
...
@Override
public void setParameter(BeforeEvent event, Long parameter) {
if (parameter != null) {
// Load additional info
} else {
Notfication.show("Blablabla");
// Or
event.rerouteToError(someError);
}
}

最新更新