How to create jquery UI dialog Buttons dynamically and map to function?

Question

I took this sample piece of code from the below link

$(function () {
    $("a:contains('sometext')").click(function() {
        var NewDialog = $('<div id="MenuDialog">\
            <p>This is your dialog content, which can be multiline and dynamic.</p>\
        </div>');
        NewDialog.dialog({
            modal: true,
            title: "title",
            show: 'clip',
            hide: 'clip',
            buttons: [
                {text: "Submit", click: function() {doSomething()}}
            ]
        });
        return false;
    });
});

Here instead of the value doSomething I need to use a variable. For eg:- if i have a variable temp=confirm, the value confirm should be used there. so when i clicked the button the function confirm should be invoked.

How can i achieve this?

nilgun · Accepted Answer · 2013-09-19 07:45:18Z

1

If your confirm variable is a function you can just replace click function with confirm:

Edit:

 $(function () {
    var confirm1 = function(){
        alert("confirm function 1");
    }
    var confirm2 = function(){
        alert("confirm function 2");
    }

    var temp = confirm1;


    $("a:contains('sometext')").click(function() {
        var NewDialog = $('<div id="MenuDialog">\
            <p>This is your dialog content, which can be multiline and dynamic.</p>\
        </div>');
        NewDialog.dialog({
            modal: true,
            title: "title",
            show: 'clip',
            hide: 'clip',
            buttons: [
                {text: "Submit", click: function(){temp();}}
            ]
        });
        return false;
    });

    //  Uncomment this line if you want to change temp function
    //  temp = confirm2;

});

Fiddle: http://jsfiddle.net/nilgundag/SgFJk/4/

edited Sep 19, 2013 at 7:45

answered Sep 19, 2013 at 5:54

nilgun

10.6k4 gold badges48 silver badges57 bronze badges

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

1 Comment

Tom Cruise Over a year ago

since the functionname will vary i want to use a temp variable which will pass the functionname to the click event. So inshort i need to use a function name here.

Tom Cruise · Accepted Answer · 2013-09-19 06:24:39Z

0

I modified the code like below and it works..

buttons: [ {text: "Submit", click: function() {eval(temp)()}} ]

answered Sep 19, 2013 at 6:24

Tom Cruise

1,42512 gold badges34 silver badges60 bronze badges

Collectives™ on Stack Overflow

How to create jquery UI dialog Buttons dynamically and map to function?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related