library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Widget: Call ._setOptionDisabled() on init if the widget is disabled

Browse Source 
Fixes #9151
Ref gh-1599
This commit is contained in:
Scott González 2015-09-17 08:47:08 -04:00
parent 0db243a736
commit 7dde5c9d75
2 changed files with 49 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
tests/unit/widget/core.js
View File

@ -729,6 +729,39 @@ test( ".disable()", function() {
$( "<div>" ).testWidget().testWidget( "disable" );
} );
test( "._setOptionDisabled()", function() {
expect( 3 );
var method;
var widget;
$.widget( "ui.testWidget", {
_setOptionDisabled: function( value ) {
method( value );
}
} );
method = function() {
ok( false, "._setOptionDisabled() called on init when not disabled" );
};
$( "<div>" ).testWidget();
method = function( value ) {
strictEqual( value, true, "._setOptionDisabled called on init when disabled" );
};
widget = $( "<div>" ).testWidget( { disabled: true } );
method = function( value ) {
strictEqual( value, false, "._setOptionDisabled called when enabling" );
};
widget.testWidget( "enable" );
method = function( value ) {
strictEqual( value, true, "._setOptionDisabled called when disabling" );
};
widget.testWidget( "option", "disabled", true );
} );
test( ".widget() - base", function() {
expect( 2 );
var constructor = $.widget( "ui.testWidget", {

23
ui/widget.js
View File

@ -318,6 +318,11 @@ $.Widget.prototype = {
options );
this._create();
if ( this.options.disabled ) {
this._setOptionDisabled( this.options.disabled );
}
this._trigger( "create", null, this._getCreateEventData() );
this._init();
},
@ -419,13 +424,7 @@ $.Widget.prototype = {
this.options[ key ] = value;
if ( key === "disabled" ) {
this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
// If the widget is becoming disabled, then nothing is interactive
if ( value ) {
this._removeClass( this.hoverable, null, "ui-state-hover" );
this._removeClass( this.focusable, null, "ui-state-focus" );
}
this._setOptionDisabled( value );
}
return this;
@ -462,6 +461,16 @@ $.Widget.prototype = {
}
},
_setOptionDisabled: function( value ) {
this._toggleClass( this.widget(), this.widgetFullName + "-disabled", null, !!value );
// If the widget is becoming disabled, then nothing is interactive
if ( value ) {
this._removeClass( this.hoverable, null, "ui-state-hover" );
this._removeClass( this.focusable, null, "ui-state-focus" );
}
},
enable: function() {
return this._setOptions( { disabled: false } );
},