Question

我不确定这是否是正确的地方，因为我没有任何代码可以显示。我实际上正在寻找解决问题的可能方法的想法。

当媒体查询具有平板电脑的最小宽度时，我有一个应用程序在屏幕上显示网格。

但是当视图处于移动模式时，我不想显示网格。相反，我有一个下拉菜单，其中有一个网格选项。选中后将显示在纸张对话框中（弹出）

问题是我必须创建两个网格（vaadin-grid）并根据视图显示相应的网格。有没有办法只有一个网格？我可以将它放在纸质对话框中，但在平板电脑和桌面视图中不能弹出吗？

提前致谢

Answer 1

如果你的网格元素有每个自定义属性，那么这是DOM中的一个元素，所以如果需要使用javascript，你可以将它移动到对话框中：

let myGrid = this.$$('#myGrid');
let myDialogContent = this.$$('#myDialogContent');
Polymer.dom(myDialogContent).appendChild(myGrid);

此外，如果你认为它是一种不同的方式，那么你可以隐藏屏幕外的网格，你可以在需要时将其滑入，如抽屉面板，你根本不需要在DOM中移动元素。 / p>

顺便提一下编程问题stackoverflow有https://softwareengineering.stackexchange.com/站点，但我认为可以在这里发送它。