My Needs: I am using a jquery modal dialog. I have some buttons on it. I want to disable one button when It dialog opens but want to enable it after some specific operation.
What i did: I can disable the button by adding this statementjQuery(".ui-dialog-buttonpane button:contains('Issue')").attr("disabled", true).addClass("ui-state-disabled");.
Problem: But now what I want is that when edit button is clicked I perform some action, after performing that action the `Issue' button become enable.
My code is below.
jQuery(newdiv).dialog({
width:500,
height:275,
dialogClass:'alert',
modal: true,
close: function(event, ui) { jQuery(newdiv).html(''); },
buttons: {
"issue":function()
{
},
"Edit":function()
{
//here I am opening a new dialogue. When this child dialog is closed I want the `issue` button of parent dialogue to enablee.I have used this statement
jQuery(this).find(".ui-dialog-buttonset button:contains('Issue')").removeAttr("disabled").removeClass("ui-state-disabled").addClass('ui-state-default');
},
"Cancel":function(){jQuery(this).dialog('close');},
}
});
jQuery(".ui-dialog-titlebar").hide();
jQuery(".ui-widget-content").css({'background':'none','background-color':'#FFFFFF'});
jQuery(".ui-dialog-buttonpane button:contains('Issue')").attr("disabled", true).addClass("ui-state-disabled");