禁止点击 commandButton 后页面跳转到顶部
Disable page jumping to the top after commandButton is clicked
我得到了一个<h:commandbutton>
赞
<h:commandButton value="Neuer Abschnitt"
styleClass="btn btn-primary btn-info"
action="#{beitragBearbeitenBean.erstelleAbschnitt}" />
好吧,我点击按钮,调用方法,然后页面跳到顶部(前提是你不在顶部!)
有趣的是,
<f:ajax execute="@form" />
确实提供了一点跳跃。
一般如何避免跳转?
<h:commandButton>
完成整个 post 页面,没有 ajax 内容。所以跳回到同一页面的顶部是正常的(假设你的操作returns null or is void)。 <f:ajax>
使它刷新表单并且很可能跳转到表单的顶部(如果您使用的按钮也在该表单中)。更新部分表单(例如表单内的面板)而不更新按钮,因为它可以留在面板之外很可能会导致您停留在同一个位置。但是如果面板的大小发生变化,它可能不会改变(但是你可以例如让你的面板可滚动这样按钮就不会移动)。
我得到了一个<h:commandbutton>
赞
<h:commandButton value="Neuer Abschnitt"
styleClass="btn btn-primary btn-info"
action="#{beitragBearbeitenBean.erstelleAbschnitt}" />
好吧,我点击按钮,调用方法,然后页面跳到顶部(前提是你不在顶部!)
有趣的是,
<f:ajax execute="@form" />
确实提供了一点跳跃。
一般如何避免跳转?
<h:commandButton>
完成整个 post 页面,没有 ajax 内容。所以跳回到同一页面的顶部是正常的(假设你的操作returns null or is void)。 <f:ajax>
使它刷新表单并且很可能跳转到表单的顶部(如果您使用的按钮也在该表单中)。更新部分表单(例如表单内的面板)而不更新按钮,因为它可以留在面板之外很可能会导致您停留在同一个位置。但是如果面板的大小发生变化,它可能不会改变(但是你可以例如让你的面板可滚动这样按钮就不会移动)。