jQuery UI event functionality extending

Question

I want to add functionality of auto-destroying dialog on close without adding any special code to every dialog call in the current project. So I think it needs to override the default dialog close event.

I found a way to do this (for example: How to extend a jquery ui widget ? (1.7)), but I don't want just override the event: I also need to save the previous behavior of the event and add $(this).dialog("destroy") call after it.

Any suggestions?

You must save a destroy handler first, that run your own, and then saved one. How do you manage to override this handler? — kaz
– kaz, Commented Jan 3, 2012 at 12:10

jjmontes · Accepted Answer · 2012-01-03 12:23:02Z

3

I'm not 100% sure about the correctness of this, but I think you can safely override the close method like this:

$.ui.dialog.prototype._originalClose = $.ui.dialog.prototype.close;
$.ui.dialog.prototype.close = function() {
        alert ('My stuff');
        $.ui.dialog.prototype._originalClose.apply(this, arguments);
};

You can see this working at: http://jsfiddle.net/8KKMm/

However, it's normally a good idea to avoid overriding external libraries. There might be better ways to achieve your target without mangling with jQuery UI library. Please do have a look at the available events of the Dialog component: http://jqueryui.com/demos/dialog/.

answered Jan 3, 2012 at 12:23

jjmontes

27.2k5 gold badges47 silver badges53 bronze badges

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

2 Comments

User Over a year ago

Thanks, works fine. And, yes, it will be better to use events. Anyway, also would like to know how to call inside overrided method 'destroy' or 'open' of self? TIA.

jjmontes Over a year ago

I think you can simply call this.destroy() within that context. Have a look at jsfiddle.net/8KKMm/2 .

Arun P Johny · Accepted Answer · 2012-01-03 12:29:59Z

1

You can add a dialogclose handler to the body element of the page.

You can find a sample here.

There is no need to override the close function of the dialog class, you can simply use the events provided by the dialog class.

Ex:

$("body").on("dialogclose", function(){
    alert("closed");
});

edited Jan 3, 2012 at 12:29

answered Jan 3, 2012 at 12:24

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

jQuery UI event functionality extending

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related