导航时部分页面更新(PrimeFaces ajax)

2023-11-29

我使用 Facelets 模板完成了一个基本的 JSF 应用程序。我的模板如下:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <!-- Links to CSS stylesheets... -->
        <title><ui:insert name="title" /> - FManager</title>
    </h:head>

    <h:body>
        <div id="wrapper">
            <div id="header"> <b>FManager</b> Application </div>

            <div id="content">
                <p:growl id="growl" />
                <ui:insert name="content">
                    Sample content.
                </ui:insert>
            </div>
        </div>

        <div id="footer">Made using JSF and Primefaces</div>
    </h:body>
</html>

然后我有一个主页(如下所示)导航到第二页。两个页面都使用上面的模板。

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="./template.xhtml">

    <ui:define name="title">Main page</ui:define>

    <ui:define name="content">
        <h2>Welcome to the <b>FManager</b> application</h2>

        <h:form>
            <p>Click the button below to create the first entry!</p>
            <p:commandButton value="Create entry" action="create" />
        </h:form>
    </ui:define>

</ui:composition>

如果我使用<redirect/>在 faces-config.xml 中,它进行导航,但是full页面已重新加载。我的问题是:

有没有办法从一个页面导航到另一个页面,仅更新<ui:insert>模板的各个部分?(同时保持页面的其余部分完好无损)

Thanks!


您可以通过ajax重新加载内容,但URL将保持不变。如果您负担得起,请按如下方式更新代码:

In template.xhtml, 代替

<div id="content">

by

<h:panelGroup id="content" layout="block">

And in somepage.xhtml, 代替

<p:commandButton value="Create entry" action="create" />

by

<p:commandButton value="Create entry" action="create" update=":content" />

终于摆脱了<redirect />(其实更喜欢get rid所有导航案例,因为他们使faces-config.xml文件臃肿)。顺便说一句,重定向也可以在结果中指定,如下所示action="create?faces-redirect=true".

这只是不更新<title>。不过,您可以使用简单的 JavaScript 行来做到这一点。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

导航时部分页面更新(PrimeFaces ajax) 的相关文章

  • 如何使用 .net 2.0 中的 WebBrowser 控件检查 ajax 更新?

    我有一个网页正在使用 WebBrowser 控件在 winform 应用程序中显示 我需要在网页中的 HTML 发生变化时执行一个事件 但是 我找不到通过 Ajax 更新页面时触发的事件 DocumentComplete FileDownl
  • JSF 2.x @EJB 依赖注入错误

    因此 正如编程中通常发生的那样 我提出了一个问题 而一个潜在的解决方案又引发了更多问题 和错误 我刚开始使用 servlet JSF 和 EJB 并且遇到了依赖注入错误 这是我原来的问题 JSF h 标签不显示 https stackove
  • jsf中如何处理周围的命名容器?

    我有一个 jsf 2 0 页面 其中包含
  • 在 JQuery ajax 中,如何正确处理 HTTP 408 错误?

    我使用设置了 错误 选项的 JQuery Ajax 调用 在我的 错误 方法中 我希望以不同于普通 HTTP 500 的方式处理 HTTP 408 问题是 jxhr statusCode 为 0 status 值只是 error 但在 fi
  • 将 Json 数据返回给 Ajax 调用

    我在 MVC 中有一个方法 我将其发布到它 并且我需要返回一些数据以进行处理 这是我发布到的 MVC 方法 返回值是 json 数据 HttpPost public JsonResult GetCalculateAmortizationSc
  • Jquery Ajax 调用返回 403 状态

    我有一个 jquery Ajax 调用来实现会话的 keepalive 这个 keepAlive 方法将每 20 分钟调用一次 function keepAlive ajax type POST url KeepAliveDummy asp
  • Dojo“正在加载”消息

    我是 Dojo 新手 所以我需要一些帮助 我的一些链接需要一段时间 当用户单击时 页面开始加载需要几秒钟 我想添加一条 正在加载 消息 我可以用 旧时尚方式 来做 但我想学习新的 更简单 更智能的 Dojo 方式 具体如何工作现在并不重要
  • 使用 FormData 上传 JavaScript Blob

    我在将 javascript 创建的 blob 上传到我的服务器时遇到问题 基本思想是用户上传图像 在 javascript 中我对图像进行居中裁剪并在传输之前对其进行下采样 图像处理工作正常 但上传本身无法正常工作 这是执行从 canva
  • Yii框架异步请求

    我有一个执行 3 个任务的 ajax 请求 保存模型 数据库 发电子邮件 给出成功或失败的消息 因为这个任务需要的时间太长了 用户最多可以等待 20 秒以获得响应 成功或失败消息 如果用户关闭浏览器 则其会停止用户当前进程的操作之一 这是糟
  • 会话销毁后如何使 viewscoped beans/viewmap 生存(使用客户端保存)?

    我在用着Myfaces 2 2 具有客户端状态保存功能 我看到 ViewScoped beans 和存储在 viewmap 中的数据在用户会话销毁后丢失 我开始知道 不确定这是否正确 这是预期的行为 但是在会话销毁后避免查看过期异常的方法是
  • p:对话框没有按预期工作?

    我有两个 p commandLink
  • django ajax post 403被禁止

    使用 django 1 4 当我尝试从我的 javascript 做我的 django 服务器上的帖子时 我收到 403 错误 我的 get 工作正常 尽管问题仅出在帖子上 也尝试过 csrf exempt但没有运气 更新 我现在可以发布我
  • 我无法使用 jQuery 和 abort() 函数停止 ajax 请求

    我的 jQuery 如下 var x ajax dataType jsonp url https ajax googleapis com ajax services search images q google v 1 0 success
  • 访客客户检查 Woocommerce 订单账单电子邮件时可享受首单折扣

    通过对照正在处理和已完成的订单检查来宾客户的电子邮件地址 如果电子邮件没有订单 我想给来宾 首单折扣 如果这能在客人输入电子邮件时发生 那就太好了 我想我已经成功制作了折扣代码 现在我请求帮助合并这两个代码 使其一切正常 这是折扣代码 ad
  • 使用什么事件来在选择文本框中的值时显示警报消息

    我正在使用 jquery 的自动完成 api 来从数据库中获取名称 但是我想在从显示的文本框中选择名称时显示一条警报消息 我将显示一个图像以便更好地理解 当我输入 S 时 它将显示所有包含 S 的记录 所以问题是 如果我选择例如 Spars
  • 最佳性能 + jQuery Ajax + Div 刷新

    有人对 jQuery Ajax 刷新 DIV 的最佳选择有好的建议吗 以下是我想要实现的目标 强调性能优化 左边会有导航 就像Google Facebook一样 右边有内容窗格 DIV 当用户点击每个导航时 内容窗格将相应刷新 而不刷新整个
  • 无法从 JQuery ajax 调用接收 JSON

    我已经确定来自服务器的 JSON 是有效的 手动进行 ajax 调用 但我真的很想使用 JQuery 我还使用 firebug 确定发送到服务器的 post URL 是正确的 但是 错误回调仍然被触发 解析错误 我还尝试了数据类型 文本 我
  • 内插入换行符

    基本上我只是想添加一个 br 或等效的东西 到 a 的 值 属性
  • 如何在加载ajax内容和javascript时加载gif图像[重复]

    这个问题在这里已经有答案了 我一直在尝试加载 gif 图像 直到 ajax 加载数据并显示它 但我对此感到安慰 我希望你能帮助我 这是我的高级搜索代码 现在我想为此添加加载 gif ajax type POST url base rul s
  • Javascript“命名空间”和 jQuery AJAX

    我正在使用此处列出的建议 http www odetocode com articles 473 aspx http www odetocode com articles 473 aspx 使用模拟的JavaScript AJAX网络聊天系

随机推荐

  • SKAction playSoundFileNamed 停止背景音乐

    我想要我的SpriteKit游戏不中断用户收听的背景音乐 Music app 或广播应用程序 一切都很顺利 直到执行到这一行 sSharedShootSoundAction SKAction playSoundFileNamed plane
  • 在 mysql php 搜索中突出显示搜索文本

    嗨 这是我的脚本 它可以很好地搜索我的数据库 我有一个表单 html用户在搜索框中输入关键字
  • PHP 表单提交后重定向到新页面

    我有一个表单 在提交表单后将用户重定向到 page1 php 我想要做的是在提交表单后将用户重定向到 page2 php 但我需要确保已发送 POST 请求 例子
  • 如何创建具有标志修改的 QMessageBox 子类?

    我试图使 QMessageBox 中的文本可选择 我发现如果我修改 QMessageBox 上的 setTextInteractionFlags 就可以解决问题 然而 当我尝试这样做时 我的 PyQt 或更具体地说 PySide 抱怨该属性
  • 反应“渲染后”代码?

    我有一个应用程序 我需要动态设置元素的高度 比如说 应用程序内容 它获取应用程序 chrome 的高度并减去它 然后设置 app content 的高度以 100 适合这些约束 对于普通的 JS jQuery 或 Backbone 视图来说
  • 在经典 ASP 中从 ADODB 调用参数化 Oracle 查询

    我目前正在开发一个与 Oracle 数据库交互的经典 ASP 项目 我正在尝试找到一种安全调用 Oracle PL SQL 脚本并使用 ADO 传递参数的方法 当前的解决方案使用嵌入变量手动构建 SQL 脚本 如下所示 strSQL SEL
  • 布尔类型

    在代码审查期间 我发现 C 代码的许多地方如下所示 if IsValid return true else return false 甚至 更好 return IsValid true false 我一直想知道为什么不直接写这样的代码 re
  • SBT:遍历项目依赖图

    我有一个多模块 Web 项目 其依赖关系图与此类似 WAR project A1 A2 A3 B1 B2 B22 B3 这就是战争项目所依赖的A1这又取决于A2 and A3等等 现在 在打包 war 项目之前 我想将一些 Web 资源从其
  • C++ 结构体排序

    我有一个自定义结构向量 每次都需要根据不同的标准进行排序 实现运算符 但我希望每次调用 C 标准排序时都能够指定排序标准 怎么做 请注意 运行时间最好高效 Thanks 您可以使用第三个参数定义每次运行排序算法时使用的比较函数 templa
  • jq 尝试使用变量修改 JSON 时出现“无效数字文字”错误

    我想将值通过管道传输到 bash 脚本中 该脚本将使用 jq 更改 json 文件中的值 我已经为此工作了一段时间 但无法克服第一组错误 这是我的简单 json 文件 0000000 pogo AJHVUYKJBOIHKNNLNM 7000
  • 每台计算机是否都有一些唯一的ID,以区分一台计算机和另一台计算机?

    我正在使用 C 在 NET Framework 中开发一个 Windows 应用程序 我想知道每台制造的计算机是否有唯一的 ID 让它由任何制造商制造 但它必须是唯一的 谢谢 比布 检查一下 如何获取计算机的唯一ID 硬盘 ID 卷序列号
  • Node Mailer 错误:本地主机中的“不支持的配置,将 Nodemailer 降级到 v0.7.1 才能使用它”

    我是 Nodejs 新手 尝试从以下地址发送邮件节点邮件程序模块但有错误 即 Unsupported configuration downgrade Nodemailer to v0 7 1 to use it 这是我的代码 var nod
  • Ionic 框架 PdfViewer

    我想开发移动 pdf 电子书应用程序 是否有 ionic 框架的 pdf 查看器组件 我喜欢 mozilla pdf js 我需要离子项目示例 您尝试过角度模块吗ng pdfviewer 因为 Angular 在 Ionic 的底层工作
  • 从Java中的静态方法获取类名

    如何从该类中的静态方法获取该类的名称 例如 public class MyClass public static String getClassName String name what goes here so the string My
  • 视频未在 Web 视图中显示

    我有一个 Html 页面 在这个 Html 页面中我显示一个视频 但该视频没有显示在我的应用程序的 web 视图中 而是显示在默认浏览器中 所以请告诉我问题是什么 下面是我的代码和视频和 html 文件存储到SD卡中 抱歉我的英语沟通不好
  • 如何更改 DatePickerDialog 中 NumberPickers 的顺序

    我想交换月份和日期 旋转器 我想将日期列 微调器 发送到左侧 将月份列 微调器 发送到中间 是否可以 根据来源中的注释 这些的顺序NumberPickers 由用户选择的系统范围日期格式确定 并根据给定用户区域设置确定最佳顺序 没有可用的公
  • 如何让 Android 响应触摸拖动?

    我正在创建一个网络应用程序 其中包含带有溢出的 div 滚动样式 由于 Android 浏览器不支持此功能 因此我需要通过自己的自定义功能来使用触摸和拖动 element bind touchmove function event even
  • 序列化/反序列化协议缓冲区

    我目前正在使用 Protocol Buffers C 版本 3 我正在向不同的服务来回发送消息 目前正在尝试将某些消息中存储的一些数据保存到数据库 实际上可以是任何类型 问题在于byte 被创建为类型字节串 and 列表被创建为重复字段 现
  • 如何在列表框中的项目之间显示分隔线?

    我在 Windows Phone 7 应用程序中使用 ListBox 控件 我想在列表行之间显示分隔线 线 尽管许多 不是 wp7 ListBox 示例似乎都有分隔符 但我无法找到有关此内容的任何信息 受到 NestorArturo 的启发
  • 导航时部分页面更新(PrimeFaces ajax)

    我使用 Facelets 模板完成了一个基本的 JSF 应用程序 我的模板如下