Primefaces Hash Navigation Using jQuery BBQ
With jQuery BBQ you can keep track of state, history and allow bookmarking (#hashtag) while dynamically modifying the page via AJAX and/or DHTML.. just click the links, use your browser’s back and next buttons, reload the page, it’s all there.
Integrating jQuery BBQ with JSF/Primefaces is pretty much straight forward.
Before make sure that you have these points:
- Create your JSF Project
- Download jQuery BBQ (here)
- Include jQuery BBQ into your resources js folder
I’m going to use Primefaces extensions for the predefined layout’s sake (You can have your own menu and centered content layout).
Now the scenario is very simple, we have a master menu with links to our pages (outcome), we click a link the page doesn’t reload but reloads only the content of the centered container, and we have to make sure that this is bookmark-able and would work with the browser’s back and next buttons, and even if we reload the page .