mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Widget: conform to coding standards.
This commit is contained in:
Scott González
parent
7d96a0d096
commit
003cb9d008
187
ui/jquery.ui.widget.js
vendored
187
ui/jquery.ui.widget.js
vendored
@ -7,208 +7,221 @@
|
||||
*
|
||||
* http://docs.jquery.com/UI/Widget
|
||||
*/
|
||||
(function($) {
|
||||
(function( $ ) {
|
||||
|
||||
var _remove = $.fn.remove;
|
||||
|
||||
$.fn.remove = function() {
|
||||
// Safari has a native remove event which actually removes DOM elements,
|
||||
// so we have to use triggerHandler instead of trigger (#3037).
|
||||
$("*", this).add(this).each(function() {
|
||||
$(this).triggerHandler("remove");
|
||||
$( "*", this ).add( this ).each(function() {
|
||||
$( this ).triggerHandler( "remove" );
|
||||
});
|
||||
return _remove.apply(this, arguments);
|
||||
return _remove.apply( this, arguments );
|
||||
};
|
||||
|
||||
$.widget = function(name, base, prototype) {
|
||||
var namespace = name.split(".")[0],
|
||||
$.widget = function( name, base, prototype ) {
|
||||
var namespace = name.split( "." )[ 0 ],
|
||||
fullName;
|
||||
name = name.split(".")[1];
|
||||
fullName = namespace + '-' + name;
|
||||
name = name.split( "." )[ 1 ];
|
||||
fullName = namespace + "-" + name;
|
||||
|
||||
if (!prototype) {
|
||||
if ( !prototype ) {
|
||||
prototype = base;
|
||||
base = $.Widget;
|
||||
}
|
||||
|
||||
// create selector for plugin
|
||||
$.expr[':'][fullName] = function(elem) {
|
||||
return !!$.data(elem, name);
|
||||
$.expr[ ":" ][ fullName ] = function( elem ) {
|
||||
return !!$.data( elem, name );
|
||||
};
|
||||
|
||||
$[namespace] = $[namespace] || {};
|
||||
$[namespace][name] = function(options, element) {
|
||||
$[ namespace ] = $[ namespace ] || {};
|
||||
$[ namespace ][ name ] = function( options, element ) {
|
||||
// allow instantiation without initializing for simple inheritance
|
||||
(arguments.length && this._createWidget(options, element));
|
||||
if ( arguments.length ) {
|
||||
this._createWidget( options, element );
|
||||
}
|
||||
};
|
||||
|
||||
var basePrototype = new base();
|
||||
// we need to make the options hash a property directly on the new instance
|
||||
// otherwise we'll modify the options hash on the prototype that we're
|
||||
// inheriting from
|
||||
// $.each(basePrototype, function(key, val) {
|
||||
// if ($.isPlainObject(val)) {
|
||||
// basePrototype[key] = $.extend({}, val);
|
||||
// $.each( basePrototype, function( key, val ) {
|
||||
// if ( $.isPlainObject(val) ) {
|
||||
// basePrototype[ key ] = $.extend( {}, val );
|
||||
// }
|
||||
// });
|
||||
basePrototype.options = $.extend({}, basePrototype.options);
|
||||
$[namespace][name].prototype = $.extend(true, basePrototype, {
|
||||
basePrototype.options = $.extend( {}, basePrototype.options );
|
||||
$[ namespace ][ name ].prototype = $.extend( true, basePrototype, {
|
||||
namespace: namespace,
|
||||
widgetName: name,
|
||||
widgetEventPrefix: $[namespace][name].prototype.widgetEventPrefix || name,
|
||||
widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name,
|
||||
widgetBaseClass: fullName
|
||||
}, prototype);
|
||||
}, prototype );
|
||||
|
||||
$.widget.bridge(name, $[namespace][name]);
|
||||
$.widget.bridge( name, $[ namespace ][ name ] );
|
||||
};
|
||||
|
||||
$.widget.bridge = function(name, object) {
|
||||
$.fn[name] = function(options) {
|
||||
var isMethodCall = (typeof options == 'string'),
|
||||
args = Array.prototype.slice.call(arguments, 1),
|
||||
$.widget.bridge = function( name, object ) {
|
||||
$.fn[name] = function( options ) {
|
||||
var isMethodCall = typeof options === "string",
|
||||
args = Array.prototype.slice.call( arguments, 1 ),
|
||||
returnValue = this;
|
||||
|
||||
|
||||
// allow multiple hashes to be passed on init
|
||||
options = !isMethodCall && args.length
|
||||
? $.extend.apply(null, [true, options].concat(args))
|
||||
: options;
|
||||
|
||||
// prevent calls to internal methods
|
||||
if (isMethodCall && options.substring(0, 1) == '_') {
|
||||
if ( isMethodCall && options.substring(0, 1) === "_" ) {
|
||||
return returnValue;
|
||||
}
|
||||
|
||||
(isMethodCall
|
||||
? this.each(function() {
|
||||
var instance = $.data(this, name),
|
||||
methodValue = (instance && $.isFunction(instance[options])
|
||||
? instance[options].apply(instance, args)
|
||||
: instance);
|
||||
if (methodValue !== instance && methodValue !== undefined) {
|
||||
if ( isMethodCall ) {
|
||||
this.each(function() {
|
||||
var instance = $.data( this, name ),
|
||||
methodValue = instance && $.isFunction( instance[options] ) ?
|
||||
instance[options].apply( instance, args ) :
|
||||
instance;
|
||||
if ( methodValue !== instance && methodValue !== undefined ) {
|
||||
returnValue = methodValue;
|
||||
return false;
|
||||
}
|
||||
})
|
||||
: this.each(function() {
|
||||
($.data(this, name) || $.data(this, name, new object(options, this)));
|
||||
}));
|
||||
});
|
||||
} else {
|
||||
this.each(function() {
|
||||
if ( !$.data( this, name ) ) {
|
||||
$.data( this, name, new object( options, this ) );
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return returnValue;
|
||||
};
|
||||
};
|
||||
|
||||
$.Widget = function(options, element) {
|
||||
$.Widget = function( options, element ) {
|
||||
// allow instantiation without initializing for simple inheritance
|
||||
(arguments.length && this._createWidget(options, element));
|
||||
if ( arguments.length ) {
|
||||
this._createWidget( options, element );
|
||||
}
|
||||
};
|
||||
|
||||
$.Widget.prototype = {
|
||||
widgetName: 'widget',
|
||||
widgetEventPrefix: '',
|
||||
widgetName: "widget",
|
||||
widgetEventPrefix: "",
|
||||
options: {
|
||||
disabled: false
|
||||
},
|
||||
_createWidget: function(options, element) {
|
||||
_createWidget: function( options, element ) {
|
||||
// $.widget.bridge stores the plugin instance, but we do it anyway
|
||||
// so that it's stored even before the _create function runs
|
||||
this.element = $(element).data(this.widgetName, this);
|
||||
this.options = $.extend(true, {},
|
||||
this.element = $( element ).data( this.widgetName, this );
|
||||
this.options = $.extend( true, {},
|
||||
this.options,
|
||||
// DEPRECATED: move defaults to prototype.options
|
||||
$[this.namespace][this.widgetName].defaults,
|
||||
$.metadata && $.metadata.get(element)[this.widgetName],
|
||||
options);
|
||||
$.metadata && $.metadata.get( element )[ this.widgetName ],
|
||||
options );
|
||||
|
||||
var self = this;
|
||||
this.element.bind('remove.' + this.widgetName, function() {
|
||||
this.element.bind( "remove." + this.widgetName, function() {
|
||||
self.destroy();
|
||||
});
|
||||
|
||||
(this._create && this._create(options, element));
|
||||
(this._init && this._init());
|
||||
if ( this._create ) {
|
||||
this._create( options, element );
|
||||
}
|
||||
if ( this._init ) {
|
||||
this._init();
|
||||
}
|
||||
},
|
||||
|
||||
destroy: function() {
|
||||
this.element
|
||||
.unbind('.' + this.widgetName)
|
||||
.removeData(this.widgetName);
|
||||
.unbind( "." + this.widgetName )
|
||||
.removeData( this.widgetName );
|
||||
this.widget()
|
||||
.unbind('.' + this.widgetName)
|
||||
.removeAttr('aria-disabled')
|
||||
.unbind( "." + this.widgetName )
|
||||
.removeAttr( "aria-disabled" )
|
||||
.removeClass(
|
||||
this.widgetBaseClass + '-disabled ' +
|
||||
this.namespace + '-state-disabled');
|
||||
this.widgetBaseClass + "-disabled " +
|
||||
this.namespace + "-state-disabled" );
|
||||
},
|
||||
|
||||
widget: function() {
|
||||
return this.element;
|
||||
},
|
||||
|
||||
option: function(key, value) {
|
||||
option: function( key, value ) {
|
||||
var options = key,
|
||||
self = this;
|
||||
|
||||
if (arguments.length === 0) {
|
||||
if ( arguments.length === 0 ) {
|
||||
// don't return a reference to the internal hash
|
||||
return $.extend({}, self.options);
|
||||
return $.extend( {}, self.options );
|
||||
}
|
||||
|
||||
if (typeof key == "string") {
|
||||
if (value === undefined) {
|
||||
return this.options[key];
|
||||
if (typeof key === "string" ) {
|
||||
if ( value === undefined ) {
|
||||
return this.options[ key ];
|
||||
}
|
||||
options = {};
|
||||
options[key] = value;
|
||||
options[ key ] = value;
|
||||
}
|
||||
|
||||
$.each(options, function(key, value) {
|
||||
self._setOption(key, value);
|
||||
$.each( options, function( key, value ) {
|
||||
self._setOption( key, value );
|
||||
});
|
||||
|
||||
return self;
|
||||
},
|
||||
_setOption: function(key, value) {
|
||||
this.options[key] = value;
|
||||
_setOption: function( key, value ) {
|
||||
this.options[ key ] = value;
|
||||
|
||||
if (key == 'disabled') {
|
||||
if ( key === "disabled" ) {
|
||||
this.widget()
|
||||
[value ? 'addClass' : 'removeClass'](
|
||||
this.widgetBaseClass + '-disabled' + ' ' +
|
||||
this.namespace + '-state-disabled')
|
||||
.attr("aria-disabled", value);
|
||||
[ value ? "addClass" : "removeClass"](
|
||||
this.widgetBaseClass + "-disabled" + " " +
|
||||
this.namespace + "-state-disabled" )
|
||||
.attr( "aria-disabled", value );
|
||||
}
|
||||
|
||||
return this;
|
||||
},
|
||||
|
||||
enable: function() {
|
||||
return this._setOption('disabled', false);
|
||||
return this._setOption( "disabled", false );
|
||||
},
|
||||
disable: function() {
|
||||
return this._setOption('disabled', true);
|
||||
return this._setOption( "disabled", true );
|
||||
},
|
||||
|
||||
_trigger: function(type, event, data) {
|
||||
var callback = this.options[type];
|
||||
_trigger: function( type, event, data ) {
|
||||
var callback = this.options[ type ];
|
||||
|
||||
event = $.Event(event);
|
||||
event.type = (type == this.widgetEventPrefix
|
||||
? type : this.widgetEventPrefix + type).toLowerCase();
|
||||
event = $.Event( event );
|
||||
event.type = ( type === this.widgetEventPrefix ?
|
||||
type :
|
||||
this.widgetEventPrefix + type ).toLowerCase();
|
||||
data = data || {};
|
||||
|
||||
// copy original event properties over to the new event
|
||||
// this would happen if we could call $.event.fix instead of $.Event
|
||||
// but we don't have a way to force an event to be fixed multiple times
|
||||
if (event.originalEvent) {
|
||||
for (var i = $.event.props.length, prop; i;) {
|
||||
prop = $.event.props[--i];
|
||||
event[prop] = event.originalEvent[prop];
|
||||
if ( event.originalEvent ) {
|
||||
for ( var i = $.event.props.length, prop; i; ) {
|
||||
prop = $.event.props[ --i ];
|
||||
event[ prop ] = event.originalEvent[ prop ];
|
||||
}
|
||||
}
|
||||
|
||||
this.element.trigger(event, data);
|
||||
this.element.trigger( event, data );
|
||||
|
||||
return !($.isFunction(callback) && callback.call(this.element[0], event, data) === false
|
||||
return !($.isFunction(callback) && callback.call( this.element[0], event, data ) === false
|
||||
|| event.isDefaultPrevented());
|
||||
}
|
||||
};
|
||||
@ -216,4 +229,4 @@ $.Widget.prototype = {
|
||||
// DEPRECATED: use the plugin's parent widget instead of $.widget
|
||||
$.widget.prototype = $.Widget.prototype;
|
||||
|
||||
})(jQuery);
|
||||
})( jQuery );
|
||||
|
||||
Loading…
Reference in New Issue
Block a user