Reputation: 59
I have created one dialog box in jquery. and there is one button called 'save'. I need to add one id to this save buttton. How can I achive in this in jquery. This is my code
$(function() {
$( "#dialog" ).dialog({
height: 400,
width: 650,
modal: true,
buttons: {
Save: function() {
dialog.dialog( "close" );
}
},
close: function() {
form[ 0 ].reset();
allFields.removeClass( "ui-state-error" );
}
});
});
Upvotes: 3
Views: 8593
Reputation: 5278
The Save function has a parameter event
which has a target that is the DOM element of the button, then you can set the id inside of the function like this:
Save: function(event) {
$(event.target).attr('id', 'your-id');
}
The specification about the buttons
property says:
Specifies which buttons should be displayed on the dialog. The context of the callback is the dialog element; if you need access to the button, it is available as the target of the event object.
Upvotes: 2
Reputation: 66
$(function() {
$( "#dialog" ).dialog({
height: 400,
width: 650,
modal: true,
buttons: {
save: {
text: "Save",
id: "my-button-id",
click: function(){
dialog.dialog( "close" );
}
}
}
...
});
});
Upvotes: 1