javascript - Primefaces DatePicker 不会更新其在窗口旋转时的位置

Question

我们使用DatePicker我们项目中的组件。 Primefes 版本 8.0。

输入字段位置更改后(例如旋转平板电脑后)，DatePicker 弹出窗口的位置不会更改。问题是fixed对于 Сalendar组件，但我们使用 DatePicker 因为:

DatePicker is designed to replace the old p:calendar component.

您可以在 official website 上看到此问题.

以下是一些屏幕截图:

改变屏幕尺寸后，弹出位置没有更新:

有没有办法通过使用 JavaScript 扩展 PrimeFaces.widget.Calendar 来解决这个问题？

感谢您的帮助。

Answer 1

您现在就可以自己解决这个问题，只需将此 Javascript 添加到您的页面或网站即可。

XHTML 示例:

<p:datePicker id="popup" widgetVar="dpPopup" value="#{calendarView.date2}" />

要添加到页面的 JavaScript:

$(window).on('resize.datepicker', function() {
    setTimeout(function () {
        for (item in PrimeFaces.widgets) {
            widget = PrimeFaces.widgets[item];
            if (widget instanceof PrimeFaces.widget.DatePicker) {
                    widget.jq.datePicker('alignPanel');
            }
        }
    }, 10);
});

报告的问题:https://github.com/primefaces/primefaces/issues/5984

9.0 已修复:https://github.com/primefaces/primefaces/pull/5985