不同视角下的聚合物网格

Question

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

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

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

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

提前致谢

Answer 1

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

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

此外，如果您有不同的想法，那么您可以将网格隐藏在屏幕之外，并且可以在需要时将其滑入，就像抽屉面板一样，您根本不需要移动 DOM.

顺便说一句，关于编程问题，Whosebug 有 https://softwareengineering.stackexchange.com/ 站点，但我认为可以将它发送到这里。