jQuery-UI Dialog Buttons - pass argument to btn click function

Question

I'm a begginer jQuery dev, and I'm using the jQuery UI dialog to show up properties of an object (whatever).

var $dialog = $('<div></div>')
    .html('This dialog will show every time!')
    .dialog({
        autoOpen: false,
        title: 'Properties'
    });

So this is the dialog, and let's say I have a FOR structure in which I add properties (p tags) and for some of those properties I want a button.

var dialogHtml = "";
var dialog_buttons = {};
for (var key in d.properties){
    var str;
    var str = '<p>' + something + '</p>';

    if (condition){
        dialog_buttons[key] = function()
            { functionName(key); };
    }

    dialogHtml = dialogHtml + str;
}
$dialog.dialog( "option", "buttons", dialog_buttons );
$dialog.dialog('open');

And somewhere else I have the function:

function functionName(key){
    // something something
}

This is where I have the problem: the key variable that's passed to the function... when the button is called the key is the last value from the iteration. Let's say we have keys 1, 2, 3, 4 then when the button is clicked, the key parameter will be 4.

I want when I click a button from the dialog, to know which button was pressed.

Can anybody help me?

Thanks!

it will be useful if you could post the answer you found out. — Tom Cruise
– Tom Cruise, Commented Sep 20, 2013 at 6:23

RvdK · Accepted Answer · 2011-08-05 09:57:59Z

3

Using the event data from the click event (see here)

$('#btn').click(function(e) {
  functionName(e.target);
});

Explanation of Event.Target

answered Aug 5, 2011 at 9:57

RvdK

19.8k5 gold badges68 silver badges110 bronze badges

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

1 Comment

Florin Vistig Over a year ago

Thanks for that! I found by my own the answer, but didn't knew exactly the reason. Thanks again!

Collectives™ on Stack Overflow

jQuery-UI Dialog Buttons - pass argument to btn click function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related