Zaimplementowałem aplikację internetową, która jest jednostronicową. Który zasadniczo ładuje pojedynczą stronę, a następnie aktualizuje ją za pomocą AJAX - centralnej zawartości. Kod jest następujący:

    <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>

W zasadzie działa, ale chcę także włączyć nawigację w przeglądarce. Na przykład:http://ticketmonster-jdf.rhcloud.com/ z hashtagami na adresie URL. Za pomocą przycisku wstecz / do przodu mogę przejść do równoważnej opcji. Masz jakiś pomysł, jak to zrobić?