如何从Richfaces弹出窗口刷新父jsf页面 [英] How to refresh parent jsf page from richfaces popup
问题描述
我有一个包含几个字段的JSF页面.我遵循了BalusC的教程一切都很好.然后，我向它添加了RichFaces支持，效果很好.我可以看到弹出窗口正在运行.
I have a JSF page with a few fields. I followed this tutorial from BalusC and all is good. I then added RichFaces support to it, which is working fine. I can see popups etc working.
现在我要尝试的是注册一个人后，我想在弹出窗口中显示姓名(这很好，我可以在弹出窗口中看到它).然后，我希望能够在弹出窗口中更改该名称并将其反映在父级中，但是我不知道如何执行此操作.请看看.
Now what I am trying to do is that once a person has been registered, I want to show the name in the popup (this is also fine I can see that in the popup). Then I want to be able to change that name inside the popup and have that reflected in the parent, but I have no clue how to do that. Please have a look.
XHTML页面
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<h:head>
<title>Registration</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="3">
<h:outputLabel for="username">Username</h:outputLabel>
<h:inputText id="username" value="#{register.user.username}"
required="true">
<f:ajax event="blur" render="usernameMessage" />
</h:inputText>
<h:message id="usernameMessage" for="username" />
<h:outputLabel for="password">Password</h:outputLabel>
<h:inputSecret id="password" value="#{register.user.password}"
required="true" redisplay="true">
<f:ajax event="blur" render="passwordMessage" />
</h:inputSecret>
<h:message id="passwordMessage" for="password" />
<h:outputLabel for="email">Email</h:outputLabel>
<h:inputText id="email" value="#{register.user.email}"
required="true">
<f:ajax event="blur" render="emailMessage" />
</h:inputText>
<h:message id="emailMessage" for="email" />
<h:outputLabel for="birthdate">Birthdate (yyyy-MM-dd)</h:outputLabel>
<h:inputText id="birthdate" value="#{register.user.birthdate}">
<f:convertDateTime pattern="yyyy-MM-dd" />
<f:ajax event="blur" render="birthdateMessage" />
</h:inputText>
<h:message id="birthdateMessage" for="birthdate" />
<h:panelGroup />
<h:commandButton value="Register" action="#{register.submit}">
<f:ajax execute="@form" render="@form" />
</h:commandButton>
<h:commandButton value="Edit Name in Popup">
<rich:componentControl target="popup" operation="show" />
</h:commandButton>
<h:messages globalOnly="true" layout="table" />
</h:panelGrid>
<rich:popupPanel id="popup" modal="true" resizeable="true"
onmaskclick="#{rich:component('popup')}.hide()">
<f:facet name="header">
<h:outputText value="Simple popup panel" />
</f:facet>
<f:facet name="controls">
<h:outputLink value="#"
onclick="#{rich:component('popup')}.hide(); return false;">
X
</h:outputLink>
</f:facet>
<h:panelGrid columns="3">
<h:outputLabel for="username2">Username</h:outputLabel>
<h:inputText id="username2" value="#{register.user.username}"
required="true">
</h:inputText>
<h:commandButton value="Register" action="#{register.update}">
</h:commandButton>
</h:panelGrid>
</rich:popupPanel>
</h:form>
</h:body>
</html>
Java类
package com.example;
import java.io.Serializable;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.context.FacesContext;
@ManagedBean
@ViewScoped
public class Register implements Serializable {
private static final long serialVersionUID = 1L;
private User user;
public Register() {
user = new User();
}
public void submit() {
FacesMessage message = new FacesMessage("Registration succesful!");
FacesContext.getCurrentInstance().addMessage(null, message);
}
public void update() {
FacesMessage message = new FacesMessage("Update succesful!");
FacesContext.getCurrentInstance().addMessage(null, message);
}
public User getUser() {
return user;
}
}
用户类别
package com.example;
import java.io.Serializable;
import java.util.Date;
public class User implements Serializable {
private static final long serialVersionUID = 1L;
private Long id;
private String username;
private String password;
private String email;
private Date birthdate;
public Long getId() {
return id;
}
public void setId(Long id) {
this.id = id;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public Date getBirthdate() {
return birthdate;
}
public void setBirthdate(Date birthdate) {
this.birthdate = birthdate;
}
}
在Arjan Tijms的建议之后更新了
<h:form id="form2">
<rich:popupPanel id="popup" modal="true" resizeable="true" onmaskclick="#{rich:component('popup')}.hide()">
<f:facet name="header">
<h:outputText value="Simple popup panel" />
</f:facet>
<f:facet name="controls">
<h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
X
</h:outputLink>
</f:facet>
<h:panelGrid columns="3">
<h:outputLabel for="username2">Username</h:outputLabel>
<h:inputText id="username2" value="#{register.user.username}" required="true"></h:inputText>
<h:commandButton value="Register" action="#{register.update}">
<f:ajax execute="@form" render=":form" />
</h:commandButton>
</h:panelGrid>
</rich:popupPanel>
</h:form>
推荐答案
只需将rich:popupPanel从主表单中移出，并为其提供自己的表单即可.如果您随后提交对话框中 的表单，则整个页面将重新呈现.
Just move the rich:popupPanel out of the main form, and give it it's own form. If you then submit the form that's in the dialog, the entire page will re-render.
由于支持bean的作用域是范围，因此将保留先前的用户数据，并且仅使用在对话框中输入的内容来更新用户名.
Since the backing bean is view scoped, the previously user data will be retained and only the user name will be updated with whatever you entered in the dialog.
此外，您可以通过AJAX提交表单，为主表单提供一个ID，然后重新呈现该ID.
Additionally, you can submit the form via AJAX, give the main form an ID and re-render that.
例如
<rich:popupPanel id="popup" modal="true" resizeable="true" onmaskclick="#{rich:component('popup')}.hide()">
<f:facet name="header">Simple popup panel</f:facet>
<h:form id="form2">
<h:outputLabel for="username2" value="Username"/>
<h:inputText id="username2" value="#{register.user.username}" required="true"/>
<a4j:commandButton value="do" action="#{register.update}" render="form" oncomplete="#{rich:component('popup')}.hide()"/>
</h:form>
</rich:popupPanel>
我在这里使用了A4J commandButton，它具有方便的oncomplete属性.您可以使用标准ajax标记上的onevent属性执行类似的操作，但使用更多的代码.
I used the A4J commandButton here which has a convenient oncomplete attribute. You can do a similar thing with the onevent attribute on the standard ajax tag, but using slightly more code.
请注意，如果主表单存在验证错误，那么它就没有任何对策无法从其他表单进行更新(如果遇到这种情况，则最好针对该特定情况提出一个新问题).
Do note that if the main form has validation errors, it's without any counter measures impossible to update from the other form (if you run into that, you'd best open a new question for that particular situation).
这篇关于如何从Richfaces弹出窗口刷新父jsf页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
