如何防止滚动条在 update=@form 上重新定位？

Question

我的表单很长，客户端必须垂直滚动屏幕才能看到所有字段。

但是，每次触发具有update=@form 属性的组件之一时，屏幕就会回到顶部位置。

所以，问题是：

• 有一种方法可以在update=@form 之后将滚动条保持在同一位置？

重要：滚动条只在第一个update=@form回到顶部，之后屏幕保持当前位置。

我不确定是错误还是我做错了什么导致了这种行为。

是的，我真的要更新整个表单

例如

<p:commandButton id="btnVerifyLogin" update="@form" value="Verify" 
    actionListener="#{demandController.VerifyLogin()} />

Answer 1

我之前遇到过这个问题，我必须更新整个表单。

我了解到，当我更新包含已按下按钮（如验证按钮）的表单时，浏览器会以某种方式失去对该按钮的关注，而只是滚动回顶部。

我想出了一个解决方法。

<p:commandButton id="btnVerifyLogin" 
                 update="@(form :not(#formId\\:btnVerifyLogin))" 
                 value="Verify" 
                 actionListener="#{demandController.VerifyLogin()} />

基本上我更新了表单而不是按钮，这样浏览器就可以保持滚动。

其他人会建议 onstart 我们可以调用 var scroll = $(window).scrollTop(); 以保留我们的滚动位置，而 oncomplete 我们调用 $("html").scrollTop(scroll);，但这不起作用，因为 oncomplete 不会被触发因为按钮在表单内更新！

这仅适用于 Primefaces 4，最近我避免更新完整的表单，我更喜欢使用选择器。

希望这会有所帮助。