How to grey out [disable] the jquery button widget

Question

i am new to jquery,i need to disable[grey out] the 'Cancel SUP' button which is an jquery BUTTON WIDGET.Below is my code..please some one help me in sorting out this issue

var buttons = {
'Exi1': function() {
$(this).dialog('close');
}
};
if(batch.SUPDELIVERYMETHOD === 'Email' && details.STATUS === 'VALID') {
buttons['Re-send SUP'] = resendPass;
}
if(details.STATUS === 'VALID') {
buttons['Cancel SUP'] = function() {
$('#dialog-confirm-cancelsup').dialog('open');
};
}

have you tried `$(button).prop("disabled", true)` type of activity? — Twisty, May 11 '17 at 15:26

score 0 · Answer 1 · edited May 23 '17 at 12:17

Found an older answer here: How can I disable a button on a jQuery UI dialog?

You would use it like so:

https://jsfiddle.net/Twisty/ksk5skxy/

JavaScript

var btns = {
  "Exi1": function(e) {
    $(this).dialog('close');
  }
};
if (batch.SUPDELIVERYMETHOD === 'Email' && details.STATUS === 'VALID') {
  btns["Re-send SUP"] = resendPass;
}
if (details.STATUS === 'VALID') {
  btns["Cancel SUP"] = function(e) {
    $('#dialog-confirm-cancelsup').dialog('open');
  };
}

$(function() {
  $("#diag").dialog({
    buttons: btns,
    width: "400px"
  });
  $(".ui-dialog-buttonset button:contains('Cancel SUP')").button("disable");
});

@PradeepSubramani am glad to hear this helped. I hope you will mark it as the answer and upvote it if it was useful. — Twisty, May 30 '17 at 12:28

How to grey out [disable] the jquery button widget

1 Answers1