带参数的 vaadin 导航

Question

在我的项目中，我有一个 jpa 数据库连接，用于存储练习。我从数据库中读取所有练习并将它们存储到变量 allExercises 中。之后，我将每个练习的标题保存在一个按钮中，将它们添加到 GUI 框中，并添加一个处理导航到下一个视图的 单击侦听器事件。下一个视图是所选练习的详细视图。要知道我点击了哪个练习，我想将练习对象的 id 作为 参数 传递。现在我有以下代码：

for(Exercise exercise : allExercises) {
        // create new button with exercise title
        Button bt = new Button(exercise.getTitle());
        // add button to box
        boxExerciseTitle.add(bt);
        // add action event
        bt.addClickListener(e -> UI.getCurrent().navigate(ExerciseDetailView.class, exercise.getId()));
}

此代码不起作用。 ID分别存在问题，导航函数不处理这两个参数。

我的目标是像这样读取详细视图中的参数：

public class ExerciseDetailView extends VerticalLayout implements View{
    @Override
    public void enter(ViewChangeEvent event) {
        String myPassedId = event.getParameters();
        ...
    }
}

如何更改可以在 Vaadin 中将 id 作为参数传递的代码？

Answer 1

详细视图必须实现HasUrlParameter，然后你在setParameter方法中获取参数：

@Route(value = "exercise")
public class ExerciseDetailView  extends VerticalLayout
        implements HasUrlParameter<Long> {

    @Override
    public void setParameter(BeforeEvent event,
                             Long exerciseId) {
        // find the single exercise using the given id
        // Exercise exercise = exerciseRepository.findById(exerciseId);
    }
}

文档：https://vaadin.com/docs/v14/flow/routing/tutorial-router-url-parameters.html

如果 exercise.getId() 的类型不是 Long 而是 Integer 或其他 Number，则相应地更改 HasUrlParameter 的类型。