Javascript ExtJS：如何基于手机浏览器制作面板全屏

我的网站有一个带有下拉按钮的顶部栏和一个带有其他信息的底部栏。在主体中，我有一个包含2个项目的面板->一个地图和一个网格。 在地图上，我有一个afterrender监听器，可以检测移动浏览器。在检测到移动浏览器时，我想让地图全屏显示，删除窗口中的所有其他内容，添加一个按钮以返回常规屏幕

项目：[{
xtype:'gmappanel'，
听众：{
afterrender:函数（映射、eOpts）{
var isMobile=/iPhone | iPad | iPod | Android/i.test（navigator.userAgent）；
if（isMobile）{
//使地图全屏显示
}
}
}
},
另一个网格
]

您可以将gmap面板包装到一个具有最大化配置的窗口中：

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

---

谢谢Tyr的回答，但我需要在不打开新窗口的情况下“全屏”地图