Primefaces selectOneMenu用於項目在頁面滾動

Question

移動在截圖中我們可以看到，一些selectItems和一個對話框，當我使用鼠標滾動完整selectItems正在

我的示例代碼：

<div class="row"> 
      <h:outputLabel for="columnNames" value="Select Column Name:" /> 
      <p:selectOneMenu id="columnNames" 
       value="#{employeeGroupList.columnName}"> 
       <f:selectItem itemValue="" itemLabel="--- Select ---"></f:selectItem> 
       <f:selectItems value="#{employeeGroupList.columnNames}"></f:selectItems> 
      </p:selectOneMenu> 
     </div> 

Answer 1

要修復它只是在<p:selectOneMenu>

<p:selectOneMenu appendTo="@this"></p:selectOneMenu> 

添加 appendTo="@this"

如果這還不能工作，你可以在<p:dialog>的位置設置爲絕對的解決辦法

<p:dialog style="position: absolute; margin-top: 20px;"></p:dialog> 

如果您滾動對話框將保持在頂部然而，這將解決這個問題。