javascript - 导航到另一个页面时如何显示 Primefaces 确认对话框？

Question

我试图在用户尝试离开页面时显示 Primefaces 确认对话框。当前页面可能有一些未保存的数据，因此会在离开页面前询问用户是否要保存这些数据。

目前我可以在用户点击离开页面时显示确认对话框，如下所示:

function onBeforeUnload_Handler(){
 confirmation.show(); // confirmation is the "widgetVar" value of p:confirmDialog
} 

window.onbeforeunload = onBeforeUnload_Handler;

但是问题在于，在显示对话框时，它会导航到另一个页面，而无需等待用户的响应。我希望当前页面等待用户响应并执行“保存”或“不保存”等操作，然后导航离开。

我尝试在“confirmation.show()”之后添加“return false”，但这会导致浏览器弹出警告框。

(Primefaces 3.0.M1)

非常感谢

Answer 1

你可以尝试这样的事情:

<p:commandButton value="Next Page" onclick="confirmation.show();" />

<p:confirmDialog .....message="Are you sure?">
<p:commandButton value="Yes" action="nextpage?faces-redirect=true" />
<p:commandButton value="No" onclick="confirmation.hide();" />
</p:confirmDialog>