Vaadin:如何动态添加选项卡并为其提供视图



我正在尝试使用一个"添加";选项卡以创建新的选项卡并将视图附着到这些选项卡。在我看来,我想创建一些类似Excel工作表的东西:创建时,每个视图都是一个基本视图,用户可以在其中插入数据。

我试过这个:

private void create() {
tabs = new Tabs();
plus = new Tab("+");
plus.getElement().addEventListener("click", e -> {
addTab();
});

tabs.add(plus)

}
private void addTab() {
Tab tab = new Tab("New tab");
RouterLink billview = new RouterLink(BasicView.class);

tab.add(billview);
tabs.add(tab);

}
public class BasicView extends VerticalLayout{


public BasicView() {
TextField text = new TextField("Text");
add(text);
}

}

但这会创建具有相同视图(链接(的选项卡,我希望具有不同的视图。有人能告诉我如何做到这一点吗?

这个问题的完整答案是代码太多,无法复制到这里。我已经打包了一个TabSheet附加组件,它可以在Vaadin的目录中找到。值得注意的是,类似的TabSheet组件很快将作为官方组件包含在Vaadin23中。

最新更新