Question

I want to add a function to jQuery UI Dialog. I want to do that without actually downloading .js file with jQuery UI Dialog source code and editing it. Is it possible to do this from separate .js file?

Some further explanation: let’s say I want to add custom function that’s called e.g. “func1”. After I’ve coded it, I should be able to call it like this:

($"#dialog").dialog("func1");

Is that possible without editing original jQuery Dialog source code?

Answer 1

Ok, I’ve finally found the answer 😀

(function($){
    var _init = $.ui.dialog.prototype._init;

    //Init
    $.ui.dialog.prototype._init = function() {
        var self = this;
                _init.apply(this, arguments);

              //here you can do custom init
    };

    //Custom Dialog Functions
    $.extend($.ui.dialog.prototype, {
        func1: function() {
                        alert("f1");
        },
        func2: function() { 
            alert("function 2");
        }
    });
})(jQuery); 

I have figured it out from this post :

http://www.droptoframe.com/?p=35