浮動p：滾動時的日曆

我在GlassFish服務器3.1.2.2中使用PrimeFaces 5.0.5。浮動p：滾動時的日曆

我在<ui:fragment>的內部添加了<p:calendar>，然後將其包含在另一個XHTML頁面中。

當我打開選擇菜單並使用鼠標滾輪滾動時，面板將隨着頁面浮動。

我已經檢查了this question類似的問題，但不在同一個組件上。

相同的技巧不適用於日曆。我試着將它附加到組件周圍，但它們都不起作用。

任何反饋和意見，讚賞。

非常感謝。

<h:panelGrid columns="2" id="..." style="margin: 0px 0px 30px 15px;"> 
    <h:outputText value="#{msg['startDate']}:"/> 
     <p:calendar 
      pattern="dd-MM-yyyy" 
      converterMessage="#{msg['ocs.invalidStartDateFormat']}" 
      value="#{cc.attrs.inputObject.usageHistoryStartDate}" 
      disabled="#{cc.attrs.inputObject.usageHistoryBillingPeriodOption != 'CUSTOM_DATE_RANGE'}" 
      showOn="button"> 
     </p:calendar> 
    <h:outputText value="#{msg['endDate']}:" /> 
     <p:calendar 
      pattern="dd-MM-yyyy" 
      converterMessage="#{msg['invalidEndDateFormat']}" 
      value="#{...}" 
      disabled="#{...}" 
      showOn="button"> 
     </p:calendar> 
</h:panelGrid>

來源

2016-07-15 Ruslan López Carro

我也有同樣的問題。仍然沒有解決辦法？ – QieynaYeen

沒有..會問在es.stackoverflow那裏有獎勵獎勵計劃，所以我希望我可以得到一些東西:) –

不知道這是否會幫助你，但我的解決方法是在對話框或任何容器組件，您有添加一個滾動事件。在滾動事件中，您查找datepicker元素並隱藏它。這裏是一個片段：

$(document).ready(function() { 
      var dialog1 = $('.ui-dialog .ui-dialog-content'); 

      dialog1.scroll(function() { 
       $('#ui-datepicker-div').hide(); 
      }); 
     });

來源

2016-07-21 03:06:53 bluebloodedboy

浮動p：滾動時的日曆

回答

相關問題