jQuery UI Dialog Buttons from variables

Question

I have variables holding the translated labels for buttons inside a jquery ui dialog.

I cannot fill the button array key with the variable itself, and can't find any way to let it treat my variable just as string.

translations['ok'] = 'ok';
translatinos['cancel'] = 'cancel';

// not working
jQuery('#foo').dialog({
    buttons:
    {
        translations['ok']: function() { alert('foo-ok'); },
        translations['cancel']: function() { alert('foo-cancel'); }
    }
});

// working
jQuery('#bar').dialog({
    buttons:
    {
        "Ok": function() { alert('bar-ok'); },
        "Cancel": function() { alert('bar-cancel'); }
    }
});

Is there any way to get this to work with variable array keys?

Is the translatinos spelling intentional, or is it a typo? — Anderson Green
– Anderson Green, Commented May 15, 2013 at 3:07

Rob Forrest · Accepted Answer · 2015-11-16 14:16:43Z

38

You can try this, may be it helps:

var buttonsOpts = {}
buttonsOpts[translations["ok"]] = function ....
buttonsOpts[translations["cancel"]] = function ....
jQuery('#bar').dialog({
   buttons : buttonsOpts
});

Hope it helps!

edited Nov 16, 2015 at 14:16

Rob Forrest

7,4809 gold badges55 silver badges69 bronze badges

answered Aug 31, 2009 at 12:46

Alexey Ogarkov

2,9161 gold badge23 silver badges29 bronze badges

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

2 Comments

Emil Ivanov Over a year ago

This ways works - I has the same issue a few days ago - that's the way to go.

Karsten Over a year ago

tried this an hour, but with another syntax... i'll try again ;)

ecabuk · Accepted Answer · 2014-04-02 12:42:11Z

1

jQuery('#bar').dialog({
   buttons : [
       {
        text: translations.ok,
        click: function(){}
       },
       {
        text: translations.cancel,
        click: function(){}
       },
   ]
});

answered Apr 2, 2014 at 12:42

ecabuk

1,7111 gold badge18 silver badges20 bronze badges

Comments

japtain.cack · Accepted Answer · 2014-08-22 19:46:40Z

I know this is 4 years old, but it is the top result for an issue I have been having. Here was the results of my labor.

Simply call the function in a mouse or keyboard event, reference a function (without parentheses), define the buttons or set blank, set a title, and set the text to be displayed.

function confirmDialogue(fn, value, ok, cancel, title, text){
    if (typeof ok == "undefined" || ok == ""){ok = "Ok";}
    if (typeof cancel == "undefined" || cancel == ""){cancel = "Cancel";}
    var buttonsOpts = {};
    buttonsOpts[ok] = function() {fn(value);$( this ).dialog( "destroy" );}
    buttonsOpts[cancel] = function() {$( this ).dialog( "destroy" );}

    var NewDialog = $('<div id="dialogConfirm"><p>' + text + '</p></div>');
    NewDialog.dialog({
        title: title,
        dialogClass: "dialogue",
        modal: true,
        height: "auto",
        width: "auto",
        show: true,
        hide: true,
        close: function(){$(this).dialog('destroy');},
        buttons: buttonsOpts
    });
    return false;
}

Collectives™ on Stack Overflow

jQuery UI Dialog Buttons from variables

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related