Selectmenu: change dropdown style on the fly

This commit is contained in:
Felix Nagel 2012-01-13 20:13:58 +01:00
parent 5766261af2
commit 33bd0cd9fb

View File

@ -172,11 +172,8 @@ $.widget( "ui.selectmenu", {
this.menu.find( "li" ).not( '.ui-selectmenu-optgroup' ).find( 'a' ).attr( 'role', 'option' ); this.menu.find( "li" ).not( '.ui-selectmenu-optgroup' ).find( 'a' ).attr( 'role', 'option' );
this.menu.attr( "aria-activedescendant" , this.menu.find( "li.ui-menu-item a" ).eq( this.element[0].selectedIndex ).attr( "id" ) ); this.menu.attr( "aria-activedescendant" , this.menu.find( "li.ui-menu-item a" ).eq( this.element[0].selectedIndex ).attr( "id" ) );
if ( this.options.dropdown ) { // change styles?
this.menu this._setOption( "dropdown", this.options.dropdown );
.addClass( 'ui-corner-bottom' )
.removeClass( 'ui-corner-all' );
}
// transfer disabled state // transfer disabled state
if ( this.element.attr( 'disabled' ) ) { if ( this.element.attr( 'disabled' ) ) {
@ -392,6 +389,9 @@ $.widget( "ui.selectmenu", {
if ( key === "appendTo" ) { if ( key === "appendTo" ) {
this.menuWrap.appendTo( $( value || "body", this.element[0].ownerDocument )[0] ); this.menuWrap.appendTo( $( value || "body", this.element[0].ownerDocument )[0] );
} }
if ( key === "dropdown" ) {
this.menu.toggleClass( 'ui-corner-bottom', value ).toggleClass( 'ui-corner-all', !value );
}
if ( key === "disabled" ) { if ( key === "disabled" ) {
this.button.button( "option", "disabled", value ); this.button.button( "option", "disabled", value );
this.menu.menu( "option", "disabled", value ); this.menu.menu( "option", "disabled", value );