gpt4 book ai didi

jquery - JSF 动态加载几乎可以工作 - 但没有命令按钮

转载 作者:行者123 更新时间:2023-12-01 03:24:29 24 4
gpt4 key购买 nike

我想在运行时动态包含 .xhtml 文件,您可能会这样称呼JSF 前端到实体级别的继承层次结构。我预计共有 100 x 30-50 行 xhtml 文件,仅加载如果需要正确处理底层数据。一个典型的用例是需要一两个 xhtml 文件来处理底层数据,所以你可以想象我不想每次都加载完整的 100 个,它会这样做太愚蠢了。

现在我知道关于这个话题有无穷无尽的讨论,但是经过无数个小时的研究,我一无所获。我在用莫贾拉 2.1.1。

在下面的示例中,我最初 ui:include 一个“空”文件,一个带有最少的内容(而不是 c:catch),然后单击命令按钮更改要包含到 new.xhtml 的内容并更新容器ui 的:包含 ajax。

new.xhtml 的内容显示在页面上,所以看起来不错。这问题是我在 new.xhtml 中有一个 commandButton,当这个文件动态包含命令按钮将不起作用 - 操作例程从未被调用过。如果您使用 ui:include new.xhtml (而不是 #{bean.page})效果很好。所以有几个问题:

  1. 还有其他人可以实现此功能吗?
  2. 如果没有,还有其他方法吗?
  3. 为什么如此明显且有用的事情却如此难以做到?

我今天玩了一下 jQuery load(),虽然我可以使用它加载文件有各种各样的问题。我要加载的文件将包含 PrimeFaces对话框,当由 jQuery 加载时,对话框似乎会瞬间闪烁在屏幕上,然后永远消失,进入深渊。其他人举报没有任何 CSS 样式的组件。

谢谢。

编辑:我应该明确表示我希望进行动态加载而不是 只是导航到不同的页面是因为我只想使用 primefaces 对话框,根据底层类型而有不同的对话框 数据。如果可能的话,这将是一种更简洁的方法。

index.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>Facelet Title</title>
</h:head>
<h:body>
<h:form>
<h:commandButton value="push" action="#{bean.doit}">
<f:ajax render="load"/>
</h:commandButton>
<br/>
<h:panelGroup id="load">
<ui:include src="#{bean.page}"/>
<ui:remove>
<ui:include src="new.xhtml"/>
</ui:remove>
</h:panelGroup>
</h:form>
</h:body>
</html>

new.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:outputText value="new.xhtml"/>
<br/>
<h:commandButton value="inc" action="#{bean.inc}">
<f:ajax/>
</h:commandButton>
</html>

空.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"/>

Bean.java

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean
@RequestScoped
public class Bean {

private String page = "/empty.xhtml";

public String doit() {
page = "/new.xhtml";
return null;
}
// getters & setters removed
}

最佳答案

问题原来是 ui:include 是由标签处理程序实现的它在恢复 View 期间执行,并且在调用期间不会重新执行应用程序,因此当它修改组件树时您的应用程序逻辑不知道这些变化。仅当使用部分状态时才如此节省。

我将代码从 ui:include 标记处理程序复制到一个非常简单的自定义中组件,至少可以触发操作方法,但不可靠。

解决方案是排除需要此动态 ui:include 功能的 View 通过使用 web.xml 中的条目进行部分状态保存,如下所示:

<context-param>
<param-name>javax.faces.FULL_STATE_SAVING_VIEW_IDS</param-name>
<param-value>/index.xhtml</param-value>
</context-param>

这已经在多个包含的页面中使用多个命令按钮进行了测试片段并且似乎工作可靠(使用 ViewScoped JSF beans 进行测试)。我有还动态包含一个包含 primefaces 对话框的文件,这可以工作也可以。我希望这对其他人有用,因为它占据了很大一部分虽然超出了我的日程安排,但至少现在可以正常工作,这很好。

干杯。

关于jquery - JSF 动态加载几乎可以工作 - 但没有命令按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6717374/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com