如何在对话框中添加网格答案

【问题标题】：How to add a grid in an dialog如何在对话框中添加网格
【发布时间】：2019-09-20 15:16:38
【问题描述】：

我需要在对话框中放置一个网格，但网格非常小。

Grid<FermetureGagnanteTexte> fermetureGagnanteTexteGrid = new Grid<>(FermetureGagnanteTexte.class,false);
verticalLayout.add(fermetureGagnanteTexteGrid);
dialog.add(verticalLayout);`
dialog.open();

对话框中的网格非常小。

【问题讨论】：

@d2k2 确定 vaadin 流程中有 Dialog Component。
@LeoBrousset 请更详细地描述您的问题。您当前的解决方案看起来如何，您希望它看起来如何，以及您尝试过什么？例如，您是否尝试将网格的宽度或高度（或/和对话框和网格之间的垂直布局）设置为您喜欢的大小？

标签： vaadin vaadin-grid vaadin-flow

【解决方案1】：

这是Vaadin 8 的解决方案，使用Window 组件。

根据您的问题描述，我假设您没有使用setWidth、setHeight 或setSizefull 设置任何尺寸属性。即使我的代码示例是特定于 Vaadin 8 的，它也应该适用于 Vaadin-Flow 的 Dialog-component。

import com.vaadin.server.VaadinRequest;
import com.vaadin.spring.annotation.SpringUI;
import com.vaadin.ui.Grid;
import com.vaadin.ui.UI;
import com.vaadin.ui.Window;

@SpringUI
public class TestUI extends UI {

    @Override
    protected void init(final VaadinRequest request) {

        showGridInWindow();

    }

    private void showGridInWindow() {

        final Window window = new Window("Window Caption");

        final Grid<Object> grid = new Grid<>();
        grid.addColumn(Object::toString).setCaption("Column 1");
        grid.setSizeFull();

        final List<Object> items = new ArrayList<>();
        for (int i = 0; i < 50; i++) {
            items.add(new String("String #" + i));
        }

        grid.setItems(items);

        window.setContent(grid);
        window.setWidth("600px");
        window.setHeight("400px");
        window.setModal(true);
        window.setClosable(true);

        getUI().addWindow(window);
    }
}

【讨论】：

【解决方案2】：

如果您使用 Vaadin Flow，请将网格放入 Div() 而不是 VerticalLayout。将 Div 添加到 Dialog 并设置 Dialog 的大小。 Grid 应该填充空间并滚动。

Grid<FermetureGagnanteTexte> grid = new Grid<>(FermetureGagnanteTexte.class);
Dialog dialog = new Dialog();
Div div = new Div();
div.add(grid);
dialog.add(div);
dialog.setWidth("600px");

dialog.open();

【讨论】：