How to initialize buttons in jquery ui dialog

Question

I am using jquery ui dialog. I have initialized a dialog at document.ready event.

   $("#globalConfirm").dialog({
        width: 500, autoOpen: false, resizable: false, draggable: false,
        modal: false        
   });

This dialog is for confirmation. Now later i want to add a buttons options and there callback functions like :

   $("#globalConfirm").dialog("option", "buttons", '{
        "Confirm": function (event, ui) {
            //jquery code
        },
        "Cancle": function (event, ui) {
            $(this).dialog("close");
        }'
    );

Is this write way to initialize the buttons option of jquery ui dialog after initializing dialog ?

BenMorel · Accepted Answer · 2014-01-01 14:14:39Z

2

Yes, just pass the option as an object, not a string.

   $("#globalConfirm").dialog("option", "buttons", {
        "Confirm": function (event, ui) {
            //jQuery code
        },
        "Cancel": function (event, ui) {
            $(this).dialog("close");
        }
    );

edited Jan 1, 2014 at 14:14

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Nov 5, 2012 at 4:01

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

Collectives™ on Stack Overflow

How to initialize buttons in jquery ui dialog

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related