All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.vaadin.client.ui.menubar.MenuBar Maven / Gradle / Ivy

Go to download

Vaadin is a web application framework for Rich Internet Applications (RIA). Vaadin enables easy development and maintenance of fast and secure rich web applications with a stunning look and feel and a wide browser support. It features a server-side architecture with the majority of the logic running on the server. Ajax technology is used at the browser-side to ensure a rich and interactive user experience.

There is a newer version: 8.27.1
Show newest version
/*
 * Copyright 2000-2016 Vaadin Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
/*
 * Copyright 2007 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
package com.vaadin.client.ui.menubar;

// COPIED HERE DUE package privates in GWT
import java.util.ArrayList;
import java.util.List;

import com.google.gwt.core.client.Scheduler;
import com.google.gwt.dom.client.Element;
import com.google.gwt.dom.client.Style.Overflow;
import com.google.gwt.user.client.Command;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.ui.PopupListener;
import com.google.gwt.user.client.ui.PopupPanel;
import com.google.gwt.user.client.ui.Widget;
import com.vaadin.client.ui.VOverlay;

/**
 * A standard menu bar widget. A menu bar can contain any number of menu items,
 * each of which can either fire a {@link com.google.gwt.user.client.Command} or
 * open a cascaded menu bar.
 *
 * 

* *

* *

CSS Style Rules

*
    *
  • .gwt-MenuBar { the menu bar itself }
  • *
  • .gwt-MenuBar .gwt-MenuItem { menu items }
  • *
  • .gwt-MenuBar .gwt-MenuItem-selected { selected menu items }
  • *
* *

*

Example

{@example com.google.gwt.examples.MenuBarExample} *

* * @deprecated */ @Deprecated public class MenuBar extends Widget implements PopupListener { private final Element body; private final Element table; private final Element outer; private final ArrayList items = new ArrayList<>(); private MenuBar parentMenu; private PopupPanel popup; private MenuItem selectedItem; private MenuBar shownChildMenu; private final boolean vertical; private boolean autoOpen; /** * Creates an empty horizontal menu bar. */ public MenuBar() { this(false); } /** * Creates an empty menu bar. * * @param vertical * true to orient the menu bar vertically */ public MenuBar(boolean vertical) { super(); table = DOM.createTable(); body = DOM.createTBody(); DOM.appendChild(table, body); if (!vertical) { final Element tr = DOM.createTR(); DOM.appendChild(body, tr); } this.vertical = vertical; outer = DOM.createDiv(); DOM.appendChild(outer, table); setElement(outer); sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT); setStyleName("gwt-MenuBar"); } /** * Adds a menu item to the bar. * * @param item * the item to be added */ public void addItem(MenuItem item) { Element tr; if (vertical) { tr = DOM.createTR(); DOM.appendChild(body, tr); } else { tr = DOM.getChild(body, 0); } DOM.appendChild(tr, item.getElement()); item.setParentMenu(this); item.setSelectionStyle(false); items.add(item); } /** * Adds a menu item to the bar, that will fire the given command when it is * selected. * * @param text * the item's text * @param asHTML * true to treat the specified text as html * @param cmd * the command to be fired * @return the {@link MenuItem} object created */ public MenuItem addItem(String text, boolean asHTML, Command cmd) { final MenuItem item = new MenuItem(text, asHTML, cmd); addItem(item); return item; } /** * Adds a menu item to the bar, that will open the specified menu when it is * selected. * * @param text * the item's text * @param asHTML * true to treat the specified text as html * @param popup * the menu to be cascaded from it * @return the {@link MenuItem} object created */ public MenuItem addItem(String text, boolean asHTML, MenuBar popup) { final MenuItem item = new MenuItem(text, asHTML, popup); addItem(item); return item; } /** * Adds a menu item to the bar, that will fire the given command when it is * selected. * * @param text * the item's text * @param cmd * the command to be fired * @return the {@link MenuItem} object created */ public MenuItem addItem(String text, Command cmd) { final MenuItem item = new MenuItem(text, cmd); addItem(item); return item; } /** * Adds a menu item to the bar, that will open the specified menu when it is * selected. * * @param text * the item's text * @param popup * the menu to be cascaded from it * @return the {@link MenuItem} object created */ public MenuItem addItem(String text, MenuBar popup) { final MenuItem item = new MenuItem(text, popup); addItem(item); return item; } /** * Removes all menu items from this menu bar. */ public void clearItems() { final Element container = getItemContainerElement(); while (DOM.getChildCount(container) > 0) { DOM.removeChild(container, DOM.getChild(container, 0)); } items.clear(); } /** * Gets whether this menu bar's child menus will open when the mouse is * moved over it. * * @return true if child menus will auto-open */ public boolean getAutoOpen() { return autoOpen; } @Override public void onBrowserEvent(Event event) { super.onBrowserEvent(event); final MenuItem item = findItem(DOM.eventGetTarget(event)); switch (DOM.eventGetType(event)) { case Event.ONCLICK: { // Fire an item's command when the user clicks on it. if (item != null) { doItemAction(item, true); } break; } case Event.ONMOUSEOVER: { if (item != null) { itemOver(item); } break; } case Event.ONMOUSEOUT: { if (item != null) { itemOver(null); } break; } } } @Override public void onPopupClosed(PopupPanel sender, boolean autoClosed) { // If the menu popup was auto-closed, close all of its parents as well. if (autoClosed) { closeAllParents(); } // When the menu popup closes, remember that no item is // currently showing a popup menu. onHide(); shownChildMenu = null; popup = null; } /** * Removes the specified menu item from the bar. * * @param item * the item to be removed */ public void removeItem(MenuItem item) { final int idx = items.indexOf(item); if (idx == -1) { return; } final Element container = getItemContainerElement(); DOM.removeChild(container, DOM.getChild(container, idx)); items.remove(idx); } /** * Sets whether this menu bar's child menus will open when the mouse is * moved over it. * * @param autoOpen * true to cause child menus to auto-open */ public void setAutoOpen(boolean autoOpen) { this.autoOpen = autoOpen; } /** * Returns a list containing the MenuItem objects in the menu * bar. If there are no items in the menu bar, then an empty * List object will be returned. * * @return a list containing the MenuItem objects in the menu * bar */ public List getItems() { return items; } /** * Returns the MenuItem that is currently selected * (highlighted) by the user. If none of the items in the menu are currently * selected, then null will be returned. * * @return the MenuItem that is currently selected, or * null if no items are currently selected */ public MenuItem getSelectedItem() { return selectedItem; } /** * Gets the first item from the menu or null if no items. * * @since 7.2.6 * @return the first item from the menu or null if no items. */ public MenuItem getFirstItem() { return items != null && items.size() > 0 ? items.get(0) : null; } /** * Gest the last item from the menu or null if no items. * * @since 7.2.6 * @return the last item from the menu or null if no items. */ public MenuItem getLastItem() { return items != null && items.size() > 0 ? items.get(items.size() - 1) : null; } /** * Gets the index of the selected item. * * @since 7.2.6 * @return the index of the selected item. */ public int getSelectedIndex() { return items != null ? items.indexOf(getSelectedItem()) : -1; } @Override protected void onDetach() { // When the menu is detached, make sure to close all of its children. if (popup != null) { popup.hide(); } super.onDetach(); } /* * Closes all parent menu popups. */ void closeAllParents() { MenuBar curMenu = this; while (curMenu != null) { curMenu.close(); if ((curMenu.parentMenu == null) && (curMenu.selectedItem != null)) { curMenu.selectedItem.setSelectionStyle(false); curMenu.selectedItem = null; } curMenu = curMenu.parentMenu; } } /* * Performs the action associated with the given menu item. If the item has * a popup associated with it, the popup will be shown. If it has a command * associated with it, and 'fireCommand' is true, then the command will be * fired. Popups associated with other items will be hidden. * * @param item the item whose popup is to be shown. @param fireCommand * true if the item's command should be fired, * false otherwise. */ protected void doItemAction(final MenuItem item, boolean fireCommand) { // If the given item is already showing its menu, we're done. if ((shownChildMenu != null) && (item.getSubMenu() == shownChildMenu)) { return; } // If another item is showing its menu, then hide it. if (shownChildMenu != null) { shownChildMenu.onHide(); popup.hide(); } // If the item has no popup, optionally fire its command. if (item.getSubMenu() == null) { if (fireCommand) { // Close this menu and all of its parents. closeAllParents(); // Fire the item's command. final Command cmd = item.getCommand(); if (cmd != null) { Scheduler.get().scheduleDeferred(cmd); } } return; } // Ensure that the item is selected. selectItem(item); // Create a new popup for this item, and position it next to // the item (below if this is a horizontal menu bar, to the // right if it's a vertical bar). popup = new VOverlay(true) { { setWidget(item.getSubMenu()); item.getSubMenu().onShow(); setOwner(MenuBar.this); } @Override public boolean onEventPreview(Event event) { // Hook the popup panel's event preview. We use this to keep it // from // auto-hiding when the parent menu is clicked. switch (DOM.eventGetType(event)) { case Event.ONCLICK: // If the event target is part of the parent menu, suppress // the // event altogether. final Element target = DOM.eventGetTarget(event); final Element parentMenuElement = item.getParentMenu() .getElement(); if (DOM.isOrHasChild(parentMenuElement, target)) { return false; } break; } return super.onEventPreview(event); } }; popup.addPopupListener(this); if (vertical) { popup.setPopupPosition( item.getAbsoluteLeft() + item.getOffsetWidth(), item.getAbsoluteTop()); } else { popup.setPopupPosition(item.getAbsoluteLeft(), item.getAbsoluteTop() + item.getOffsetHeight()); } shownChildMenu = item.getSubMenu(); item.getSubMenu().parentMenu = this; // Show the popup, ensuring that the menubar's event preview remains on // top // of the popup's. popup.show(); } void itemOver(MenuItem item) { if (item == null) { // Don't clear selection if the currently selected item's menu is // showing. if ((selectedItem != null) && (shownChildMenu == selectedItem.getSubMenu())) { return; } } // Style the item selected when the mouse enters. selectItem(item); // If child menus are being shown, or this menu is itself // a child menu, automatically show an item's child menu // when the mouse enters. if (item != null) { if ((shownChildMenu != null) || (parentMenu != null) || autoOpen) { doItemAction(item, false); } } } public void selectItem(MenuItem item) { if (item == selectedItem) { scrollItemIntoView(item); return; } if (selectedItem != null) { selectedItem.setSelectionStyle(false); } if (item != null) { item.setSelectionStyle(true); } selectedItem = item; scrollItemIntoView(item); } /* * Scroll the specified item into view. */ private void scrollItemIntoView(MenuItem item) { if (item != null) { item.getElement().scrollIntoView(); } } /** * Scroll the selected item into view. * * @since 7.2.6 */ public void scrollSelectionIntoView() { scrollItemIntoView(selectedItem); } /** * Sets the menu scroll enabled or disabled. * * @since 7.2.6 * @param enabled * the enabled state of the scroll. */ public void setScrollEnabled(boolean enabled) { if (enabled) { if (vertical) { outer.getStyle().setOverflowY(Overflow.AUTO); } else { outer.getStyle().setOverflowX(Overflow.AUTO); } } else { if (vertical) { outer.getStyle().clearOverflowY(); } else { outer.getStyle().clearOverflowX(); } } } /** * Gets whether the scroll is activate for this menu. * * @since 7.2.6 * @return true if the scroll is active, otherwise false. */ public boolean isScrollActive() { // Element element = getElement(); // return element.getOffsetHeight() > DOM.getChild(element, 0) // .getOffsetHeight(); int outerHeight = outer.getOffsetHeight(); int tableHeight = table.getOffsetHeight(); return outerHeight < tableHeight; } /** * Gets the preferred height of the menu. * * @since 7.2.6 */ protected int getPreferredHeight() { return table.getOffsetHeight(); } /** * Closes this menu (if it is a popup). */ private void close() { if (parentMenu != null) { parentMenu.popup.hide(); } } private MenuItem findItem(Element hItem) { for (int i = 0; i < items.size(); ++i) { final MenuItem item = items.get(i); if (DOM.isOrHasChild(item.getElement(), hItem)) { return item; } } return null; } private Element getItemContainerElement() { if (vertical) { return body; } else { return DOM.getChild(body, 0); } } /* * This method is called when a menu bar is hidden, so that it can hide any * child popups that are currently being shown. */ private void onHide() { if (shownChildMenu != null) { shownChildMenu.onHide(); popup.hide(); } } /* * This method is called when a menu bar is shown. */ private void onShow() { // Select the first item when a menu is shown. if (items.size() > 0) { selectItem(items.get(0)); } } }




© 2015 - 2024 Weber Informatics LLC | Privacy Policy