rwt.widgets.MenuBar.js Maven / Gradle / Ivy
/*******************************************************************************
* Copyright (c) 2009, 2018 EclipseSource and others.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v10.html
*
* Contributors:
* EclipseSource - initial API and implementation
******************************************************************************/
rwt.qx.Class.define( "rwt.widgets.MenuBar", {
extend : rwt.widgets.base.HorizontalBoxLayout,
construct : function() {
this.base( arguments );
this._hoverItem = null;
this._openItem = null;
this._active = false;
this._mnemonics = false;
this.addState( "rwt_FLAT" );
this.setAppearance( "toolbar" );
this.addEventListener( "mousedown", this._onMouseDown );
this.addEventListener( "mouseup", this._onMouseUp );
this.addEventListener( "mouseover", this._onMouseOver );
this.addEventListener( "mouseout", this._onMouseOut );
this.addEventListener( "keydown", this._onKeyDown );
this.addEventListener( "keypress", this._onKeyPress );
},
destruct : function() {
this._hoverItem = null;
this._openItem = null;
this._active = false;
this._mnemonics = false;
rwt.widgets.util.MenuManager.getInstance().remove( this );
this.setActive( false );
},
members : {
setActive : function( active ) {
if( this.isDisposed() ) {
return;
}
if( this._active != active ) {
this._active = active;
if( active ) {
this._activate();
} else {
this._deactivate();
}
}
},
getActive : function() {
return this._active;
},
setMnemonics : function( value ) {
if( this.isDisposed() ) {
return;
}
if( this._mnemonics !== value ) {
this._mnemonics = value;
var items = this.getChildren();
for( var i = 0; i < items.length; i++ ) {
if( items[ i ].renderText ) {
items[ i ].renderText();
}
}
}
},
getMnemonics : function() {
return this._mnemonics;
},
addMenuItemAt : function( menuItem, index ) {
// separator does not have this function:
if( menuItem.setParentMenu ) {
// it is essential that this happens before the menuItem is added
menuItem.setParentMenu( this );
}
this.addAt( menuItem, index );
},
setHoverItem : function( item ) {
var newHover = item ? item : this._openItem;
if( this._hoverItem != null && this._hoverItem != item ) {
this._hoverItem.removeState( "over" );
}
if( newHover != null ) {
newHover.addState( "over" );
if( this._openItem != null && this._openItem != newHover ) {
this.setOpenItem( newHover );
}
}
this._hoverItem = newHover;
},
openByMnemonic : function( item ) {
this.setOpenItem( item, true );
this.setHoverItem( null, true );
},
setOpenItem : function( item, byMnemonic ) {
var oldItem = this._openItem;
if( oldItem != null && oldItem.getMenu() != null ) {
oldItem.setSubMenuOpen( false );
oldItem.getMenu().hide();
}
if( item != null && item != oldItem && item.getMenu() != null && item.getEnabled() ) {
this._openItem = item;
this.setActive( true );
item.addState( "pressed" );
var subMenu = item.getMenu();
item.setSubMenuOpen( true );
subMenu.setOpener( item );
var itemNode = item.getElement();
var itemNodeLeft = rwt.html.Location.getLeft( itemNode );
// the position is relative to the document, therefore we need helper
subMenu.setTop( rwt.html.Location.getTop( itemNode ) + itemNode.offsetHeight );
if( this.getDirection() === "rtl" ) {
subMenu.setRight( window.innerWidth - itemNode.offsetWidth - itemNodeLeft );
} else {
subMenu.setLeft( itemNodeLeft );
}
subMenu.setMnemonics( byMnemonic === true );
subMenu.show();
} else {
this._openItem = null;
}
this.dispatchSimpleEvent( "changeOpenItem" );
},
getOpenItem : function() {
return this._openItem;
},
getOpener : rwt.util.Functions.returnNull,
// from original Menu, needed for the menu-manager:
isSubElement : function( vElement, vButtonsOnly ) {
var result = false;
if ( ( vElement.getParent() === this )
|| ( ( !vButtonsOnly ) && ( vElement === this ) ) ) {
result = true;
}
if( !result ) {
var a = this.getChildren(), l=a.length;
for ( var i = 0; i < l; i++ ) {
if ( this.hasSubmenu( a[ i ] )
&& a[ i ].getMenu().isSubElement( vElement, vButtonsOnly ) )
{
result = true;
}
}
}
return result;
},
hasSubmenu : function( item ) {
return item && item.getMenu && item.getMenu();
},
//Overwritten, called by MenuManager
hide : function() {
this.setActive( false );
},
getAutoHide : rwt.util.Functions.returnTrue,
_applyDirection : function( value ) {
this.base( arguments, value );
var isRTL = value === "rtl";
this.setReverseChildrenOrder( isRTL );
this.setHorizontalChildrenAlign( isRTL ? "right" : "left" );
},
_activate : function() {
rwt.widgets.util.MenuManager.getInstance().add( this );
if( this._openItem == null ) {
this.setHoverItem( this.getFirstChild() );
}
this.setCapture( true );
},
_deactivate : function() {
rwt.widgets.util.MenuManager.getInstance().remove( this );
this.setMnemonics( false );
this.setOpenItem( null );
this.setHoverItem( null );
this.setCapture( false );
},
_onKeyDown :function( event ) {
if( this._mnemonics ) {
var keyCode = event.getKeyCode();
var isChar = !isNaN( keyCode )
&& rwt.event.EventHandlerUtil.isAlphaNumericKeyCode( keyCode );
if( isChar ) {
var event = {
"type" : "trigger",
"charCode" : keyCode,
"success" : false
};
var items = this.getChildren();
for( var i = 0; i < items.length; i++ ) {
if( items[ i ].handleMnemonic ) {
items[ i ].handleMnemonic( event );
}
}
}
}
},
_onKeyPress : function( event ) {
switch( event.getKeyIdentifier() ) {
case "Up":
this._handleKeyUp( event );
break;
case "Down":
this._handleKeyDown( event );
break;
case "Left":
this._handleKeyLeft( event );
break;
case "Right":
this._handleKeyRight( event );
break;
}
},
_handleKeyDown : function( event ) {
if( this.hasSubmenu( this._hoverItem ) ) {
this.setOpenItem( this._hoverItem );
this._openItem.getMenu().hoverFirstItem();
event.preventDefault();
event.stopPropagation();
}
},
_handleKeyUp : function( event ) {
if( this.hasSubmenu( this._hoverItem ) ) {
this.setOpenItem( this._hoverItem );
this._openItem.getMenu().hoverFirstItem( true );
event.preventDefault();
event.stopPropagation();
}
},
_handleKeyRight : function() {
if( this._hoverItem ) {
var next = this._hoverItem.getNextSibling();
if( next ) {
this.setHoverItem( next );
}
}
},
_handleKeyLeft : function() {
if( this._hoverItem ) {
var next = this._hoverItem.getPreviousSibling();
if( next ) {
this.setHoverItem( next );
}
}
},
_onMouseOver : function( event ) {
var target = event.getOriginalTarget();
if( this.contains( target ) ) {
var hoverItem = target == this ? null : target;
this.setHoverItem( hoverItem );
} else {
// This is a capture widget, re-dispatch on original
target._dispatchEvent( event );
event.stopPropagation();
}
},
_onMouseOut : function( event ) {
var target = event.getOriginalTarget();
if( this.contains( target ) ) {
var related = event.getRelatedTarget();
if( target == this || !this.contains( related ) ) {
this.setHoverItem( null );
}
} else {
// This is a capture widget, re-dispatch on original
target._dispatchEvent( event );
event.stopPropagation();
}
},
_onMouseDown : function( event ) {
var target = event.getOriginalTarget();
if( this.contains( target ) ) {
if( target != this ) {
this.setOpenItem( target );
}
} else {
// This is a capture widget, re-dispatch on original
target._dispatchEvent( event );
event.stopPropagation();
}
},
_onMouseUp : function( event ) {
var target = event.getOriginalTarget();
if( this.contains( target ) ) {
if( target instanceof rwt.widgets.MenuItem ) {
target.execute();
}
} else {
// This is a capture widget, re-dispatch on original
target._dispatchEvent( event );
event.stopPropagation();
}
},
// needed for the menu-manager:
isPressed : function() {
return true;
}
}
});
© 2015 - 2025 Weber Informatics LLC | Privacy Policy