JQuery UI Dialog-knop tekst als een variabele

Antwoord 5, autoriteit 2%

Misschien mis ik het punt – maar zou niet de gemakkelijkste manier zijn om de setter te gebruiken?

    $("#dialog_box").dialog({
        buttons: {
         [
            text:"OK",
            click: function() {
                //... configure the button's function
            }
         ]
        });
        $("#dialog_box").dialog("option", "buttons", { "Close": function() { $(this).dialog("close"); } });

Antwoord 6

Dit zal werken
$($("button", $("#dialogId").parent())[NUMBER_OF_YOUR_BUTTON]).text("My Text");

Antwoord 7

En vergeet niet

$($("button", $(".info_dialog").parent())[1]).html("<span class='ui-button-text'>Button text here.</span>");

Antwoord 8

Dit kan in de volgende stappen worden gedaan:

1. In JavaScript kunt u een reeks knoppen maken.
2. Stel de eigenschap knoppen in op de reeks knoppen.

Het volgende voorbeeld legt bovenstaande stappen uit.

1. Twee knoppen worden als volgt gedefinieerd in btnArray;

var btnArray = [
    { text: "Add Entry",
      click: function(){
        this.retVal = true;
        addRowIntoTemplateManifest();
        $(this).dialog('close');
      }
    },
    { text: "Cancel",
      click: function(){
        this.retVal = false;
        $(this).dialog('close');
      }
    }
  ];

Er is een aangepaste functie displayConfirmDialog_Dynamic() geschreven die akkoord gaat met, Dialog header, Dialog Text, button Array. De aanroep van deze functie is als volgt:

displayConfirmDialog_Dynamic("Add Template Manifest Entry?", "Do you want to add following Cuboid Entry to Template Manifest?\nCuboidNane: '" + json.cuboidName + "' CuboidId: " + json.cuboidId + "\non Server:"
+ json.serverUrl , btnArray );

De functie displayConfirmDialog_Dynamic is als volgt:

//Confirmation dialog Dynamic Buttons
function displayConfirmDialog_Dynamic(dlgTitle, message, btnArray)
{
    var retVal;
    $("div#dialog-confirm").find("p").html(message);
    var confirmDlg = $( "#dialog-confirm" ).dialog({
          resizable: false,
          height: "auto",
          width: 400,
          modal: true,
          title: dlgTitle,
          buttons: btnArray,
          show:{effect:'scale', duration: 700},
          hide:{effect:'explode', duration: 700}  
    });
    confirmDlg.dialog('option', 'buttons', btnArray);
    confirmDlg.prev(".ui-dialog-titlebar").css({"background":"#ffc000", "color":"#ffffff", "font-size":"13px", "font-weight":"normal"}) ;
    confirmDlg.dialog("open");  
}

De Confirm Dialog Template wordt als volgt gedefinieerd als DIV-tag. Houd er rekening mee dat de titleen de inhoud van de <p>-tag dynamisch worden gewijzigd door JavaScript-code.

<div id="dialog-confirm" title="Empty the recycle bin?" style="display:none;">
  <p>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

De Screenshot van dialoogvenster weergegeven met bovenstaande code hieronder weergegeven:

Antwoord 9

var buttonName = "something";
$('#button-id').attr('value', buttonName);

Antwoord 10

toewijzen een klasse aan de knop. De tekst knop zal worden in een overspanning met een klasse met de naam ui-button-textin uw gedefinieerde klasse.
Dus als u uw knop geeft de klasse .contacts-dialog-search-buttondan is de code om toegang te krijgen van de tekst zal zijn:

$('.ui-button-text','.contacts-dialog-search-button').text();

hier is de code die ik gebruik voor mijn lopende projecten knoppen, om u een voorbeeld te geven.

buttons : [
            {
                text : 'Advanced Search',
                click : function(){
                    if($(this).dialog("option", "width")==290){
                        $('#contacts-dialog-search').show();
                        $(this).dialog("option", "width", 580);
                        $('.ui-button-text','.contacts-dialog-search-button').text('Close Search');
                    }
                    else{
                        $('#contacts-dialog-search').hide();
                        $(this).dialog("option", "width", 290);
                        $('.ui-button-text','.contacts-dialog-search-button').text('Advanced Search');
                    }
                },
                "class" : "contacts-dialog-search-button"
            }
            ]

Antwoord 11

Ja volledig mogelijk met inline gedrag:

1. Maak Dialog klasse met twee setter methode, setYesButtonName () en setNoButtonName.

       function ConfirmDialog() {
            var yesButtonName = "Yes";
            var noButtonName = "No";
            this.showMessage = function(message, callback, argument) {
                var $dialog = $('<div></div>')
                    .html(message)
                    .dialog({
                        modal: true,
                        closeOnEscape: true,
                        buttons: [
                            {
                                text:yesButtonName,
                                click: function() {
                                    if (callback && typeof(callback) === "function") {
                                        if (argument == 'undefined') {
                                            callback();
                                        } else {
                                            callback(argument);
                                        }
                                    } else {
                                        $(this).dialog("close");
                                    }
                                }
                            },
                            {
                                text:noButtonName,
                                click: function() {
                                    $(this).dialog("close");
                                }
                            }
                        ]
                    });
                $dialog.dialog("open");
            };
            this.setYesButtonName = function(name) {
                yesButtonName = name;
                return this;
            };
            this.setNoButtonName = function(name) {
                noButtonName = name;
                return this;
            };
        }

1. Maak Voorwerp van ConfirmDialog klasse.

   this.CONFIRM_DIALOG = new ConfirmDialog();
   

2. methode Call op elk geval, laten we zeggen onclick ()

   OK_DIALOG.setYesButtonName('Wana Marry').showMessage('Worst Idea!!');
   

Klus gedaan!!

Antwoord 12

waarom geen oneliner…

$("span.ui-button-text:contains('OLD BUTTON NAME')").html('NEW BUTTON NAME');