Reinderizar componentes com AJAX4JSF e MYFACES

9 de janeiro de 2008 3 respostas

zifirus 9 de janeiro de 2008

Senhores estou aprendedo a mexer com JSF e AJAX e gostaria de fazer o seguinte:

Tenho um form de login e um richpanel com a mensagem de boas vindas ou login invalido.
Caso o login fosse valido o form deveria desaparecer e aparecer só o richpanel.

Procurei soluções para isso mas não encontrei.

Minha classe é a seguinte:

public class Bean {
	private String text;
	private String login;
	private String senha;
	private String componente;

    public String getComponente() {
		return componente;
	}

	public void setComponente(String componente) {
		this.componente = componente;
	}

	public Bean() {

    }

    public String getText() {

    return text;

    }

    public void setText(String text) {

    this.text = text;

    }

	public String getLogin() {
		return login;
	}

	public void setLogin(String login) {
		this.login = login;
	}

	public String getSenha() {
		return senha;
	}

	public void setSenha(String senha) {
		this.senha = senha;
	}
    
	public void autenticar(){
		if(senha.equalsIgnoreCase("1234") && login.equalsIgnoreCase("teste")){
			text = "BEM VINDO";
			componente = "logado";
			System.out.println(text);			
		}else{
			text = "Login Invalido";
			System.out.println(text);
			componente = "regiao";
		}
	}
    
}

minha pagina :

<?xml version="1.0" encoding="ISO-8859-1" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" 
	xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
	version="2.0">
<f:view>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TESTE AJAX4JSF LOGIN</title>
</head>
<body>
<h:form id="login">
	<rich:panel header="Login">
		<h:outputText value="Uusario"></h:outputText>
	    <h:inputText  value="#{bean.login}"></h:inputText>
	    <br></br>
	    <h:outputText value="Password"></h:outputText>
	    <h:inputText  value="#{bean.senha}"></h:inputText>
	    <br></br>
	    <a4j:commandButton action="#{bean.autenticar}" reRender="logado" value="Autenticar" focus="logado" onblur="login"></a4j:commandButton>
	 </rich:panel>
</h:form>
<rich:panel header="#{bean.text}" id="logado">
	<h:outputText value="#{bean.login}"></h:outputText>
</rich:panel>
</body>
</html>
</f:view>
</jsp:root>

Valeu pela ajuda!

3 Respostas

felipeguerra 10 de jan. de 2008

Nãi vi no seu código a lógica para fazer isso.

Tem algum comando em especial do framework rich que faz isso?

zifirus 14 de jan. de 2008

tem uma rich:effect.

Consegui resolver parte do problema com essa tag.
A parte do formulario de login esta sumindo com eu queria, mas a parte de boas vindas esta aparecendo sempre. Fica aparecendo uma linha azul do rich:panel.
Alguem poderia ajudar a a fazer esse panel aparecer só depois de logado?

Bom as modificações que eu fiz foram as seguintes:

BEAN:

public class Bean {
	private String text;
	private String login;
	private String senha;	
	private String efeito = "Fade";
	private String isRendered = "true";   

	public Bean() {

    }

    public String getText() {

    return text;

    }

    public void setText(String text) {

    this.text = text;

    }

	public String getLogin() {
		return login;
	}

	public void setLogin(String login) {
		this.login = login;
	}

	public String getSenha() {
		return senha;
	}

	public void setSenha(String senha) {
		this.senha = senha;
	}
    
	public void autenticar(){		
		if(senha.equalsIgnoreCase("1234") && login.equalsIgnoreCase("teste")){
			text = "BEM VINDO";			
			isRendered = "false";
			efeito="Appear";					
		}else{
			text = "Login Invalido";					
			isRendered = "true";
			efeito="Appear";
		}
	}

	public String getEfeito() {
		return efeito;
	}

	public void setEfeito(String efeito) {
		this.efeito = efeito;
	}

	public String getIsRendered() {
		return isRendered;
	}

	public void setIsRendered(String isRendered) {
		this.isRendered = isRendered;
	}
	
	
    
}

A PAGINA:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" 
	xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
	version="2.0">
<f:view>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TESTE AJAX4JSF LOGIN</title>
</head>
<body>
<h:form id="login" rendered="#{bean.isRendered}">	
	<rich:panel header="Login" id="panel">
		<h:outputText value="Uusario" id="usuario"></h:outputText>
	    <h:inputText  value="#{bean.login}" id="user"></h:inputText>
	    <br></br>
	    <h:outputText value="Password" id="password"></h:outputText>
	    <h:inputText  value="#{bean.senha}" id="pass"></h:inputText>
	    <br></br>
	    <a4j:commandButton action="#{bean.autenticar}" reRender="logado,login" value="Autenticar" onclick="fadeForm()" id="button"></a4j:commandButton>
	 </rich:panel>	 
</h:form>
<rich:panel header="#{bean.text}" id="logado">
	<h:outputText value="#{bean.login}" id="nome"></h:outputText>
</rich:panel>
<rich:effect for="login" name="fadeForm" type="Fold" id="efeito" params="duration:0.5,from:0.4,to:1.0"></rich:effect>
<rich:effect for="logado" type="#{bean.efeito}" id="efeito1"></rich:effect>
</body>
</html>
</f:view>
</jsp:root>

A String isRendered faz com que o panel de login não seja mostrado se o login estiver correto!

Valeu a ajuda!

zifirus 22 de jan. de 2008

resolvido!

valeu a ajuda!

Criado 9 de janeiro de 2008

Ultima resposta 22 de jan. de 2008

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados