0 Replies Latest reply on Dec 20, 2011 6:16 AM by webmeiker

    How to ajaxize facelets template?

    webmeiker

      Inspired in those both links, I want to ask you if it is possible to Ajaxize the next facelets templating pattern?

       

       

      http://community.jboss.org/message/642291#642291

      http://stackoverflow.com/questions/6150562/partial-rendering-jsf-components

       

       

      I mean to ajaxize the actions of the menu, and the actions in the pages.

       

       

      Thanks

       

      template.xhtml:

      ...

      <ui:insert name="top">

          <ui:include src="menuTop.xhtml"/>

      </ui:insert>

      ...

      <ui:insert name="content" />

      ...

       

       

      menuTop.xhtml:

      <ui:composition>

                <h:form prependId="false" id="formMenuTop">

                          <rich:toolbar>

                                    <rich:dropDownMenu mode="ajax">

                                              <f:facet name="label">

                                                        <h:panelGroup>

                                                                  <h:outputText ... />

                                                        </h:panelGroup>

                                              </f:facet>

                                              <rich:menuItem action="page1" ... />

                                              <rich:menuItem action="page2" ... />

                                              <!-- More menuItem's here -->

                                    </rich:dropDownMenu>

       

       

                                    <!-- More dropDownsMenu's here -->

      ...

       

      page1.xhtml:

      <ui:composition template="template.xhtml">

          <ui:define name="content">

                          <h:form id="formPage1" prependId="false">

                                    <p>page 1 specific content</p>

                                    <a4j:commandButton action="page2" ... />

      ...

       

       

      page2.xhtml:

      <ui:composition template="template.xhtml">

          <ui:define name="content">

                          <h:form id="formPage2" prependId="false">

                                    <p>page 2 specific content</p>

                                    <a4j:commandButton action="page1" ... />

      ...