Я реализовал веб-приложение, которое представляет собой одностраничный дизайн. Который в основном загружает одну страницу, а затем обновляет с помощью AJAX центральный контент. Код следующий:

    <h:body>

        <pe:layout id="page" fullPage="true">


            <!-- West -->
            <pe:layoutPane id="west" position="west" >
                <f:facet name="header">Main Menu</f:facet>

                <h:form id="form1">

                    <p:panelMenu id="panelMenu">


                        <p:submenu label="Persons">

                            <p:menuitem value="Person List" update=":centerpanel"
                                actionListener="#{layout.setAll('formPersonList.xhtml', 'Person List')}">                           
                            </p:menuitem>

                        </p:submenu>



                    </p:panelMenu>
                </h:form>
            </pe:layoutPane>

            <!-- Center -->
            <pe:layoutPane id="content" position="center">

                <h:panelGroup id="centerpanel" layout="block">
                    <ui:include id="include" src="#{layout.navigation}" />

                </h:panelGroup>

            </pe:layoutPane>
        </pe:layout>
</h:body>

Это в основном работает, но я хочу включить браузерную навигацию. Например, как:http://ticketmonster-jdf.rhcloud.com/ с хэштегами на URL. Таким образом, используя кнопку назад / вперед, я могу перейти к эквивалентной опции. есть идеи как это сделать?