导航p:commandButton Primefaces Mobile

时间:2013-02-20 17:22:27

标签: jsf primefaces primefaces-mobile

在我的应用中,如果<pm:view id="mobileLogin">中的登录成功,则下一个视图为<pm:view id="mobileTree">。在mobileTree视图中,我希望commandButton调用一个返回字符串'pm:mobileTree?reverse=true'的logout方法。问题是这不起作用。有什么想法吗?

我的代码:

 <!-- Login View -->
    <pm:view id="mobileLogin">
        <pm:header title="LiteDoc" />

        <pm:content>
            <h:form id="mobileLoginForm">
                <p:outputPanel id="container">
                    <h:panelGroup rendered="#{not loginManager.loggedIn}" >
                        <p:inputText id="username" value="#{loginManager.username}" />
                        <p:watermark for="username" value="Login" />
                        <p:password id="password" value="#{loginManager.password}" />
                        <p:watermark for="password" value="Senha" />

                        <p:separator />

                        <p:commandButton value="Login" icon="refresh" process="@form" update=":mobileTreeForm" action="#{loginManager.loginMobile}" />
                    </h:panelGroup>
                </p:outputPanel>
            </h:form>
        </pm:content>
    </pm:view>

    <!-- Tree View -->
    <pm:view id="mobileTree">
        <pm:header title="LiteDoc">
            <!-- Here's the problem --><p:commandButton value="Go" action="pm:mobileLogin?reverse=true" />
        </pm:header>

        <pm:content>
            <h:form id="mobileTreeForm">

                <p:dataList  value="#{cabinetManager.cabinets}" var="cabinet" rendered="#{loginManager.loggedIn}">
                    <p:column>
                       <h:outputText value="#{cabinet.name}" />
                    </p:column>
                </p:dataList>

            </h:form>
        </pm:content>
    </pm:view>

2 个答案:

答案 0 :(得分:3)

在服务器中执行方法并导航到其他pm:view的正确方法是

 <p:commandButton value="Text of the button" actionListener="#{youBean.yourLogOutMehod}" action="pm:theViewYouWantToNavigate" update="theViewYouWantToNavigate" />

您可以在移动视图中导航的其他方式是使用标题

<pm:view id="youSourceView">
        <pm:header title="YourTitleView">
            <f:facet name="left"><p:button value="HOME" icon="home" href="#yourHomeViewID?reverse=true"/></f:facet>
            <f:facet name="left"><p:button value="BACKVIEW" icon="back" href="#yourBackViewID?reverse=true"/></f:facet>
        </pm:header>
        <pm:content>
           <!-- your content in the view -->
        </pm:content>      
</pm:view> 

您可以尝试在Bean中注销并执行简单的重定向到/loginPage.jsf它将刷新网址并默认加载第一个pm:view

答案 1 :(得分:0)

正如PrimeFaces的移动手册(第12页)中所述,如果您要调用服务器操作,然后导航到标识为pm:view的{​​{1}},则必须执行以下操作:

myViewId