ExtJS：モバイルブラウザに基づいてパネルをフルスクリーンにする方法

Question

私のサイトには、ドロップダウンボタン付きのトップバーとその他の情報を持つボトムバーがあります。本体には、地図とグリッドの2つの項目を持つパネルがあります。 地図上に私はモバイルブラウザーを検出できるアフターレンダーリスナーを持っています。モバイルブラウザを検出したら、マップをフルスクリーンにして、ウィンドウ内の他のすべてを削除して、ボタンを追加して通常の画面に戻したいとします。

items: [{ 
       xtype: 'gmappanel',     
       listeners: {      
        afterrender: function(map, eOpts){ 
         var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 
         if (isMobile) { 
          //make the map full screen 
         } 

        } 
       }    
      }, 
      anotherGrid 
      ] 

Answer 1

あなたが最大化された設定で、ウィンドウにあなたのGMAPパネルを包むことができます。

Ext.create('Ext.window.Window', { 
    maximized: true, 
    title: 'Map', 
    frame: false, 
    modal: true, 
    renderTo: Ext.getBody() 
}).show(); 

https://fiddle.sencha.com/#fiddle/1gnj