異なる視点のポリマーグリッド

Question

私は表示するコードがないので、これが正しい場所であるかどうかわかりません。私は実際に私の問題を解決するための考え方を探しています。

メディアクエリでタブレットの幅が最小の場合、画面にグリッドを表示するアプリがあります。

しかし、ビューがモバイルモードになっているとき、私は、グリッドを表示したくありません。代わりに、私はグリッドオプションを持つドロップダウンメニューを持っています。選択された場合には

（ポップアップ表示）紙・ダイアログに表示されます問題は、私は2つのグリッド（vaadinグリッド）を作成し、ビューに基づいて適切なものを表示する必要があります。グリッドを1つしか持たない方法はありますか？タブレットやデスクトップのビューでは、紙のダイアログには表示できますが、ポップアウトはできませんか？あなたのグリッド要素は、すべてのカスタムプロパティを持っている場合のthatsではJavaScriptを使用して、必要に応じてダイアログに移動することができますので、事前

Answer 1

で

おかげで、そのは、DOMの要素である：

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

もあなたがそれを違う方法で考えるならば、あなたはスクリーンの外にグリッドを隠すことができ、ドロワーパネルのように必要なときにスライドさせることができ、DOM内で要素をまったく動かす必要はありません。

プログラミングのための方法stackoverflowはhttps://softwareengineering.stackexchange.com/サイトを持っていますが、私はそれをここに送ってもいいと思います。