Setting a jQuery dialog button callback

Question

Hey coders, i would like to initialize a dialog box with a callback function for say a 'save' button but i want the callback to reside as a standalone function rather than defined inline using function(){....} the code snippet below highlights what I want to do.

$( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Save": saveAction() 
...
function saveAction()  
{  
}

what is the proper syntax for the "Save": saveAction() line cause it is doesn't seem to work?

thanks

moff · Accepted Answer · 2011-01-29 18:10:08Z

4

The parens after saveAction makes the function execute. Use this instead:

        "Save": saveAction

answered Jan 29, 2011 at 18:10

moff

6,51333 silver badges30 bronze badges

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

2 Comments

djeetee Over a year ago

Awesome! thanks moff. what if I need to pass some parameters to the function? how can i do that?

Hanna Over a year ago

If you need to pass parameters to that function you'll want to call it from an anonymous function e.g. "Save": function() { saveAction(a,b) })

Shayne Boyer · Accepted Answer · 2011-01-29 19:58:20Z

0

saveAction must have parameters defined in the signature: i.e. saveAction(a,b,c), then when setting the callback do this:

"Save": saveAction({a = "val", b = "val", c = "val"})

answered Jan 29, 2011 at 19:58

Shayne Boyer

4103 silver badges9 bronze badges

1 Comment

djeetee Over a year ago

getting syntax error. say i only need to pass one parameter: this is what I have: function saveAction(save_context){ dosomething }; so to set up the callback should i do this "Save": saveAction({context}) or "Save": saveAction({save_context = context})? thanks

Jerome Martin · Accepted Answer · 2012-03-10 08:37:40Z

0

If you have to pass in parameters, you must wrap your function call in an anonymous function definition, like this:

"Save": function() { saveAction({a = "val", b = "val", c = "val"}) }

This effectively defines a new anonymous function that takes no parameters, and which when executed will call your own function with your desired paramters.

answered Mar 10, 2012 at 8:37

Jerome Martin

362 bronze badges

Collectives™ on Stack Overflow

Setting a jQuery dialog button callback

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related