2014-07-04 46 views
3

我正在使用下列primefaces对话框,并且使用下面的样式属性添加了在最大高度后滚动。Primefaces对话框滚动条不显示在标题下方

但是,滚动条没有出现在标题内,因此,当我滚动时,标题会随着对话框的内容一起滚动。

<p:dialog header="#{resName}" widgetVar="resDialog" resizable="false" style="max-height:900px;overflow:auto"> 

我不想头滚动,最好,我也想滚动条头

任何想法下,说明了什么?

回答

10

摆脱您的overflow:auto;,并将您对话框中的所有内容放入p:scrollPanel(检查here)。

+4

谢谢,我不得不把我的对话框的内容围绕以下,使其工作: user3737958

+0

我也必须保持我的标题(为此我使用了f:facet标签)在p:scrollPanel之外;否则,我的标题将无法正确显示 – user3737958

1

我发现很容易这样做:

.ui-dialog-content{ 
    max-width: 950px !important; 
    max-height: 700px !important; 
    margin-bottom: 5px !important; 
} 

应该在一次针对所有对话框。

要打开对话框,然后滚动到它的顶部(如果之前已经被打开)做

<p:commandButton .... 
    oncomplete="PF('dialogwv').show(); PF('dialogwv').content.scrollTop('0')" /> 

注:两个PF-电话无法接通左右,但在实践中它一点儿也不事情..