jQuery: dialog question - change button after init

Question

i've defined a dialog with 2 buttons: ok + cancel. what i want to do now is change the ok button's function after initialization, so i tried:

dlgPrompt.dialog({
    buttons: {
        'Ok': function() {
            myFunction();
            $(this).dialog('close');
        }
    }
});

unfortunately it doesnt work (when clicking ok, nothing happens). anyone knows whats wrong?

thx

SLaks · Accepted Answer · 2010-01-12 17:31:52Z

40

You need to call the 'option' method, like this:

dlgPrompt.dialog('option', 'buttons', {
    'Ok': function() {
        myFunction();
        $(this).dialog('close');
    }
});

answered Jan 12, 2010 at 17:31

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

1 Comment

GoldBishop Over a year ago

Still works with 3.2.1...and the preferred method of modifying the dialog buttons after init

Krul · Accepted Answer · 2011-09-26 14:35:34Z

4

dlgPrompt.parent().find(".ui-dialog-buttonset .ui-button-text:eq(0)").text("FirstButton");
dlgPrompt.parent().find(".ui-dialog-buttonset .ui-button-text:eq(1)").text("SecondButton");

etc..

answered Sep 26, 2011 at 14:35

Krul

411 bronze badge

1 Comment

GoldBishop Over a year ago

long way around but doable....i would definitely not suggest anyone do this, unless they had consumed all other alternatives.

Collectives™ on Stack Overflow

jQuery: dialog question - change button after init

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related