PrimeFaces Ajax Navigation with Browser History/Hashtag

Question

I have implemented a web application which is a one-page-design. Which basically loads a single page then updates with AJAX the central content. The code is the following:

Answer 1

If I understand well your question, you want to navigate with back/forward button. You can do this with LinkedList in your backing bean:

private LinkedList historyForBackPage= new LinkedList();

public void setLastBackPage(String navigationCase) {
    historyForBackPage.push(navigationCase);
    if (historyForBackPage.size() > yourMaxSize) {
        historyForBackPage.pollLast();
    }
}

public String getLastBackPage() {
    return historyForBackPage.pop();
}

and always add last page when you call layout.setAll method. The simple commandButton call getLastBackPage() method. Before try it, please configure navigation case in faces-config.xml.

If your case cannot work navigation case, because you work only one XHTML, than you could add back/foward page name for your bean and render your page. May be simple JavaScript call onclick="window.history.go(-1); return false;" it could be usefull in your case. I don't know. Please try it!

In my answer I focused only to back button, but I think you can adapt foward button in same way.

By the way, the Breadcrumb is nice PrimeFaces feature.

---

If you want to catch browser back clicking action, you can use one JavaScript or Ajax script.

For Ajax script please check this answer https://stackoverflow.com/a/10050826/1047582.