当前位置: 首页 > 知识库问答 >
问题:

JSF Primefaces移动导航

公孙黎昕
2023-03-14

该场景是使用JSF和Primeface Mobile开发的移动页面。我想在多个页面之间的同一个xhtml页面中导航。当我单击主页中的按钮时,内容必须从第二页中的托管bean加载。我http://www.primefaces.org/showcase/mobile/navigation.xhtml遵循了这个示例,但我无法导航,我有以下消息“没有与viewIdmobile.xhtml匹配的导航用例,操作#{myManagedBean.goto秒}和结果pm:秒”。这里是xhtml代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
     xmlns:p="http://primefaces.org/ui"
     xmlns:pm="http://primefaces.org/mobile">

    <f:view renderKitId="PRIMEFACES_MOBILE" />

    <h:head>
    </h:head>

    <h:body>

      <pm:page id="first">
        <pm:header title="Page 1"></pm:header>

        <pm:content>
            <h:form>
                <p:commandButton value="Ajax Action" action="#{myManagedBean.gotoSecond}"/> 

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

      <pm:page id="second">
        <pm:header title="Page 2"></pm:header>

        <pm:content>
            <p>Page 2 content.</p>
            <p:button outcome="pm:first" value="Go Back" />

            <h:form>
              #{myManagedBean.hello}
            </h:form>

        </pm:content>
      </pm:page> 

    </h:body>

  </html>

和托管bean方法

public String gotoSecond(){
   return "pm:second";
}

共有1个答案

鲍建业
2023-03-14

在faces配置文件中需要:

<application>
    <navigation-handler>
        org.primefaces.mobile.application.MobileNavigationHandler
    </navigation-handler>
</application>
 类似资料:
  • 本文向大家介绍swiper4实现移动端导航栏tab滑动切换,包括了swiper4实现移动端导航栏tab滑动切换的使用技巧和注意事项,需要的朋友参考一下 swiper4移动端导航栏tab滑动切换效果,供大家参考,具体内容如下 效果如图: 首先引入swiper的css和js文件 官网下载地址 html结构部分 js部分 css部分 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐

  • 我将其添加到我的应用程序底部导航栏中,但现在的问题是,我想从底部导航栏中的一个按钮移动到活动必须分段才能查看的活动(TabLayout,ViewPager)。当我尝试将其设置为selectedFragment=newmainActivityoderlistfargmant()时;“显示我”这样的错误。。也是这样,也不管用。。startActivity(新意图(NafMain.this,MainAc

  • 本文向大家介绍js实现移动端导航点击自动滑动效果,包括了js实现移动端导航点击自动滑动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现移动端导航点击滑动效果的具体代码,供大家参考,具体内容如下 移动端模拟导航可点击自动滑动 0.1.4。 导航可左右滑动,可点击边缘的一个,自动滚动下一个到可视范围【依赖于iscroll.js】。 废话不多说直接上代码: 截图: 提供demo

  • 本文向大家介绍jQuery实现简单的滑动导航代码(移动端),包括了jQuery实现简单的滑动导航代码(移动端)的使用技巧和注意事项,需要的朋友参考一下 1.1 App滑动导航 说明:这个例子主要是实现一条导航山只有两个选项的。 1.适合用于移动端。 2.滑动条的长度是选项内容的长度。 1.1.1. 效果图  1.1.2. Html 1.1.3. Css 1.1.4. jQuery

  • 我用的是bootstrap4。我想创建一个类似android的导航栏,在最左边有一个图标条。与导航栏右侧的图像和其他图标完全一致。 我试过应用ml auto、mx auto、mr auto、向右拉等等。没有任何东西能满足我的需要。 MX-汽车是不错的小屏幕。当汉堡菜单在那里的时候,它把纳巴品牌放在中心。然而,我需要一些在常规菜单存在时有效的东西。 我已经尝试了下面,但项目打破不同的手机屏幕大小。

  • 如上所述,我不希望在移动设备上的div上有属性。 到目前为止,我已经做到了这一点,它可以与chrome一起使用,但可能不适用于其他浏览器: 这样做的正确方法是什么?有没有办法不用js就能逃脱? 谢谢