使p：對話框滾動時使用最大化

Question

有誰知道如何使p：對話框工作與最大化和滾動？

如果窗口最大化滾動它會被竊聽和滾動條消失。

我使用p：來自primefaces的對話框。

Answer 1

那麼，我不得不稍微修改你的答案，因爲它適合我，我只想分享我的發現，希望能幫助別人。

我不是試圖竊取信用卡爲你的答案，因爲我真的不值得或不想要它的信用，我想和大家分享我的發現... :)

這裏有雲：

我的對話框使用昂秀屬性打電話給你的函數，並將對話框控件變數名稱給你的函數：

<p:dialog widgetVar="charts" width="860" height="540" header="chart}" maximizable="true" minimizable="true" showEffect="fade" onShow="fixPFDialogToggleMaximize('charts')">     
    <ui:include src="/pages/charts.xhtml"/> 
</p:dialog> 

你的函數然後使用PF（widgetVar）：

function fixPFDialogToggleMaximize(dlg) { 
    if (undefined == PF(dlg).doToggleMaximize) { 
     PF(dlg).doToggleMaximize = PF(dlg).toggleMaximize; 
     PF(dlg).toggleMaximize = function() { 
      this.doToggleMaximize(); 
      var marginsDiff = this.content.outerHeight() - this.content.height(); 
      var newHeight = this.jq.innerHeight() - this.titlebar.outerHeight() - marginsDiff; 
      this.content.height(newHeight); 
     }; 
    } 
} 

非常感謝您提供您的答案，因爲它幫助我解決了使用PF 5.2社區版的相同問題。

最好的問候，

喬

Answer 2

有同樣的問題，我試圖發展一種解決方法。這對我來說現在將修復丟失的垂直滾動條：

定義下面的函數作爲PF問題＃4879解決方法：

function fixPFDialogToggleMaximize(dlg){ 
if(undefined == dlg.doToggleMaximize) { 
    dlg.doToggleMaximize = dlg.toggleMaximize; 
    dlg.toggleMaximize = function() { 
     this.doToggleMaximize(); 

     var marginsDiff = this.content.outerHeight() - this.content.height(); 
     var newHeight = this.jq.innerHeight() - this.titlebar.outerHeight() - marginsDiff; 
     this.content.height(newHeight); 
    }; 
} 

聲明你要修復這樣的對話：

<p:dialog widgetVar="myDialog" maximizable="true" ...> 
... 
</p:dialog> 
<script type="text/javascript"> 
    $(document).ready(
     function(){fixPFDialogToggleMaximize(myDialog);} 
    ); 
</script>