java - Vaadin 12 中的选项卡和网格
问题描述
我选择 Vaadin 在 Spring Boot 应用程序中构建我非常简单的 UI。
我有:
@Route
@PWA(name = "Signing certificates manager", shortName = "CertMgr")
public class MainView extends VerticalLayout {
public MainView() {
Tab tab1 = new Tab("Certificates");
Tab tab2 = new Tab("Users");
Tabs tabs = new Tabs(tab1, tab2);
CertView certView = new CertView();
certView.setVisible(false);
UserView userView = new UserView(addUsers());
userView.setVisible(true);
Map<Tab, Component> tabsToPages = new HashMap<>();
tabsToPages.put(tab1, certView);
tabsToPages.put(tab2, userView);
Div pages = new Div(certView, userView);
Set<Component> pagesShown = Stream.of(userView)
.collect(Collectors.toSet());
tabs.addSelectedChangeListener(event -> {
pagesShown.forEach(page -> page.setVisible(false));
pagesShown.clear();
Component selectedPage = tabsToPages.get(tabs.getSelectedTab());
selectedPage.setVisible(true);
pagesShown.add(selectedPage);
});
add(tabs, pages);
}
private List<User> addUsers() {
return new LinkedList<User>() {{
add(new User("qewr", "asdf", "xzcv"));
}};
}
}
和
public class UserView extends VerticalLayout {
Grid<User> grid;
public UserView(List<User> users) {
grid = new Grid<>(User.class);
grid.setItems(users);
grid.addColumn(User::getMail).setHeader("mail");
grid.addColumn(User::getName).setHeader("name");
grid.addColumn(User::getPass).setHeader("pass");
grid.addSelectionListener(event -> {
List<User> selected = (List<User>) event.getAllSelectedItems();
add(new UserRow(selected.get(0)));
});
add(grid);
}
}
所以你可以看到,网格没有宽度并且太长(我那里只有一个用户)
我是 Vaadin 的新手,所以我肯定做错了什么,但基本上这是从样本中处理的vaadin 选项卡。
我的问题是:如何使用当前设置正确绘制网格?当单击带有该页面的选项卡时,是否可以显示来自完全不同页面的视图将具有它自己的上下文并且可以使用spring的DI?喜欢拥有自主页面而不是像我现在这样的耦合对象。或建议使用 vaadin 处理此问题的最佳模式。
瓦丁:12.0.7
弹簧启动:2.1.2.RELEASE
希望你明白我的意思。
感谢您的建议!
解决方案
做就是了
Div pages = new Div(certView, userView);
pages.setSizeFull();
推荐阅读
- ssl - openssl_encrypt():使用空的初始化向量 (iv) 可能不安全且不推荐错误 phpmyadmin
- r - 稀疏矩阵(非零)
- c# - 原图找不到部分图片
- assembly - 我不明白如何遍历数组
- r - 双精度和数字有什么区别?
- node.js - NodeJS 使用 absoluteURI 发送 http 请求
- model - 我必须使用哪个推理器来验证给定的示例?
- git - 当本地电子邮件配置和 github 中的电子邮件设置不匹配时,为什么 github 协作者仍然可以推送到私有仓库?
- c# - 如何强制 msbuild 和 nuget 将引用的 Lib 打包为 dll?
- python - Python MySQL AttributeError:'function'对象没有属性'execute'