滚动

Question

我正在使用PrimeFaces 5.0.5和GlassFish服务器3.1.2.2。

我在<p:calendar>中添加了<ui:fragment>，然后将其包含在另一个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>

Answer 1

不确定这是否对您有所帮助，但我的解决方法是在对话框或您拥有的任何容器组件上添加滚动事件。在scroll事件中，您将查找datepicker元素并将其隐藏。这是一个片段：

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

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