extend linkbutton to prevent double click.

[devnull]

Right now, each time I use a linkbutton, or use the message dialog, I have to call a function that disables the button, sets a timeout and then enables the button again after say 1 second, and I have hundreds and hundreds of link buttons in my application.

Now I would like to extend the linkbutton onClick() event so that whenever any linkbutton is pressed, it will be disabled, but I do NOT want to break the onclick() event which is already being used hundreds of times throughout the application.

So somehow I need to extend the linkbutton, such that when it is clicked, it calls a oneclick(self) function and then calls the onClick() event.

Can this be done ??

[stworthy]

You can redefine the behaviour of the linkbutton. Please refer to this code.

Code:

(function($){
	function fix(target){
		$(target).off('click.linkbutton').on('click.linkbutton', function(){
			var opts = $(this).linkbutton('options');
			if (!opts.disabled){
				if (opts.toggle){
					if (opts.selected){
						$(this).linkbutton('unselect');
					} else {
						$(this).linkbutton('select');
					}
				}
				// $(this).linkbutton('disable')
				// setTimeout(function(){
				// 	$(target).linkbutton('enable')
				// },1000)
				opts.onClick.call(this);
			}
		})
	}
	var plugin = $.fn.linkbutton;
	$.fn.linkbutton = function(options, param){
		if (typeof options == 'string'){
			return plugin.call(this, options, param);
		} else {
			return this.each(function(){
				plugin.call($(this), options, param);
				fix(this);
			});
		}
	}
	$.fn.linkbutton.defaults = plugin.defaults;
	$.fn.linkbutton.methods = plugin.methods;
	$.fn.linkbutton.parseOptions = plugin.parseOptions;
})(jQuery);

[devnull]

Thanks very much, I will try that.