ExtJS模式窗口只覆蓋.portlet-body的內容

我正在嘗試製作一個ExtJS模式窗口，但它看起來像只覆蓋了一個ID爲wrapper（如果存在）的元素。我使用liferay，我希望模態對話框消耗整個屏幕，所以我寧願不修改DOM來做到這一點。ExtJS模式窗口只覆蓋.portlet-body的內容

有沒有什麼辦法讓這個填滿整個屏幕，而不是隻有div.portlet-body？

var dialog; 
function openDialog() { 
    if (!dialog) { 
     var dialogWidth = 800; 
     var dialogHeight = 400; 
     console.log(windowWidth + " " + windowHeight); 
     dialog = new Ext.Window({ 
      applyTo: 'popup', 
      closeAction:'hide', 
      plain: true, 
      buttons: [ 
       { 
        text: 'Done', 
        handler: function() { 
         dialog.hide(); 
        } 
       } 
      ], 
      items:new Ext.Panel({ 
       applyTo:'popup-panel' 
      }), 
      title: 'Some popup', 
      layout: 'fit', 
      resizable: false, 
      draggable: false, 
      width: dialogWidth, 
      height: dialogHeight, 
      modal: true 
     }); 
    } 
    dialog.show(this); 
}

來源

2011-04-04 Stefan Kendall