Disable buttons in Jquery UI dialog?

Question

I use a jQuery UI dialog that is made from HTML supplied from server. Code:

 $("<div id='pastedial'>" + result.htmlPasteDialog + "</div>").dialog({
                maxHeight: "85%",
                minWidth: 700,
                modal: true,
                buttons: {
                    Cancel: function () {
                        // do cancel
                    },
                    "Paste!": function () { 
                       // do action
                    }
                // some other config

            });
        }

To dialog elements I attach event handler that validates the dialog. This works well. The validation function is just another function of page, that addresses dialog items based on their IDs that I know directly.

How I can address dialog's buttons from external function (that belongs to page) so I can disable actions if dialog is not validated?

Thanks in advance!

FercoCQ · Accepted Answer · 2013-11-26 21:58:11Z

3

I use this, which is almost the same as Babblo, but searching for the caption of the button instead. Hope it helps.

function test() {
    $("#pastedial")
        .next(".ui-dialog-buttonpane")
        .find("button:contains('Paste!')")
        .button("option", "disabled", true);
}

answered Nov 26, 2013 at 21:58

FercoCQ

1494 silver badges15 bronze badges

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

Comments

Babblo · Accepted Answer · 2013-11-26 13:46:45Z

2

You can access and disable the buttons with something like this:

function xxx(){
  $('#pastedial').find('.ui-dialog-buttonpane button:eq(1)').attr('disabled','disabled');
}

answered Nov 26, 2013 at 13:46

Babblo

8036 silver badges18 bronze badges

2 Comments

Reinstate Monica Cellio Over a year ago

That will work, but you should use .prop("disabled", true);

SpYk3HH Over a year ago

$('#pastedial').dialog('widget').find('whatever button').prop('disabled', true);

Collectives™ on Stack Overflow

Disable buttons in Jquery UI dialog?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related