jQuery UI Dialog Boutons de variables

J'ai variables de la tenue de la traduction des étiquettes pour les boutons à l'intérieur d'un jquery ui dialog.

Je ne peut pas remplir le tableau de bouton de la clé avec la variable elle-même, et ne pouvez pas trouver un moyen de le laisser traiter ma variable comme chaîne de caractères.

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'); }
    }
});

Est-il possible d'obtenir que cela fonctionne avec un tableau de variables clés?

  • Est le translatinos orthographe intentionnelle, ou est-ce une faute de frappe?
InformationsquelleAutor Karsten | 2009-08-31
  1. 38

    Vous pouvez l'essayer, peut-être cela aide:

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

    Espère que cela aide!

    • Cette façons de travaux - je a le même problème il y a quelques jours - c'est la manière d'aller.
    • essayé ce une heure, mais avec une autre syntaxe... je vais essayer encore une fois 😉
    • ok, avec votre syntaxe cela fonctionne bien maintenant 😉 merci à vous
    • Merci cela a aidé
    • +1. Exactement ce que je recherchais !
    InformationsquelleAutor Alexey Ogarkov
  2. 1
    jQuery('#bar').dialog({
   buttons : [
       {
        text: translations.ok,
        click: function(){}
       },
       {
        text: translations.cancel,
        click: function(){}
       },
   ]
});
    InformationsquelleAutor ecabuk
  3. 0

    Je sais que c'est l'âge de 4 ans, mais c'est le résultat haut de la page pour un problème que j'ai pu avoir. Ici était le résultat de mon travail.

    Il suffit d'appeler la fonction dans une souris ou le clavier de l'événement, la référence à une fonction (sans les parenthèses), définir les boutons ou l'ensemble vide, mettre un titre, et définir le texte à afficher.

    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;
}
    InformationsquelleAutor japtain.cack