How to pass a parameter to a javascript function on a JSF 2.0 page

Question

I am making a custom login dialog, similar to the one found on http://www.primefaces.org/showcase/ui/dialogLogin.jsf but i get an error when building:

javax.el.PropertyNotFoundException: /WEB-INF/templates/BasicTemplate.xhtml @58,83 oncomplete="handleLoginRequest(#{securityController.logIn})": The class 'managedbeans.SecurityController' does not have the property 'logIn'.

I think the mistake is in the way i try to trigger the logging procedure. Could someone have a look if my syntax is correct?

  <p:dialog id="dialog" header="Login" widgetVar="dlg" modal="true" width="400" resizable="false" draggable="false" fixedCenter="true">  
<h:form>    
    <h:panelGrid columns="2" cellpadding="5">  
        <h:outputLabel for="username" value="Em@il: *" />  
        <p:inputText value="#{securityController.email}"   
                id="email" required="true" label="email" />  

        <h:outputLabel for="password" value="Password: * " />  
        <h:inputSecret value="#{securityController.password}"   
                id="password" required="true" label="password" />  

        <f:facet name="footer">  
            <p:commandButton value="Login" update="growl"                       
                oncomplete="handleLoginRequest(#{securityController.logIn})"/>  
        </f:facet>  
    </h:panelGrid>           
</h:form>  
</p:dialog> 
<script type="text/javascript">  
function handleLoginRequest(input) {  
    if(input == false) {  
        jQuery('#dialog').parent().effect("shake", { times:3 }, 100);  
    } else {  
        dlg.hide();  
        jQuery('#loginLink').fadeOut();  
    }  
 }  
</script>

And this the managed bean that holds the method that is being called onComplete event:

@ManagedBean
@RequestScoped
public class SecurityController {

@EJB
private IAuthentificationEJB authentificationEJB;
private String email;
private String password;
private String notificationValue;   

public void logIn() {
    if(authentificationEJB.saveUserState(email, password)) {
        notificationValue = "Dobro dosli";
    }   
}
    //getters and setters...

You can pass the parameter not the method to javascript

niksvp
– niksvp

2011-04-13 09:50:26 +00:00
Commented Apr 13, 2011 at 9:50 — niksvp
– niksvp, Commented Apr 13, 2011 at 9:50

Matt Handy · Accepted Answer · 2011-04-13 09:55:50Z

3

You have to call your login method from the actionListener attribute of p:commandButton and not inside the oncomplete attribute. The javascript function from the example can be used without changes. It is only for displaying the effect.

Change your p:commandButton this way:

<p:commandButton value="Login" update="growl"                       
       oncomplete="handleLoginRequest(xhr, status, args)"
       actionListener="#{securityController.logIn}"
/>

And use the js function exactly as in the primefaces showcase:

<script type="text/javascript">  
    function handleLoginRequest(xhr, status, args) {  
        if(args.validationFailed || !args.loggedIn) {  
            jQuery('#dialog').parent().effect("shake", { times:3 }, 100);  
        } else {  
            dlg.hide();  
            jQuery('#loginLink').fadeOut();  
        }  
    }  
</script>

answered Apr 13, 2011 at 9:55

Matt Handy

30.1k3 gold badges91 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jigar Joshi Over a year ago

@sfrj with your case #{securityController.logIn} This will search for getLogIn() in securityController controller bean , you are passing it as value. @Matt +1

javing Over a year ago

I did that and now i dont get build error. But when i click on the submit button i get an error. I think it has to do with the EJB. I will make an update to show you.

niksvp · Accepted Answer · 2011-04-13 09:52:45Z

0

If you want to execute method on a javascript event then use <a4j:jsfunction>

Example here.

answered Apr 13, 2011 at 9:52

niksvp

5,5512 gold badges28 silver badges43 bronze badges

3 Comments

javing Over a year ago

you forgot the link to the example

javing Over a year ago

Is there any other alternative, i dont want to use richfaces. I had conflicts in the past with primefaces + rich faces together

niksvp Over a year ago

@sfrj : then better add action to your commandbutton and oncomplete do the stuff you want passing any boolean variable set in action.

Collectives™ on Stack Overflow

How to pass a parameter to a javascript function on a JSF 2.0 page

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related