ScrollPanel class
A simple panel that wraps its contents in a scrollable area.
class ScrollPanel extends SimplePanel implements RequiresResize, ProvidesResize, HasScrolling { dart_html.Element containerElem; dart_html.Element scrollableElem; /** * The scroller used to support touch events. */ //TouchScroller touchScroller; /** * Creates an empty scroll panel or with the given [child] widget. */ ScrollPanel([Widget child = null]) : super() { scrollableElem = getElement(); containerElem = new dart_html.DivElement(); scrollableElem.append(containerElem); initialize(); // if (child != null) { setWidget(child); } } /** * Creates an empty scroll panel using the specified root, scrollable, and * container elements. * * @param root the root element of the Widget * @param scrollable the scrollable element, which can be the same as the root * element * @param container the container element that holds the child */ ScrollPanel.fromElement(dart_html.Element root, this.scrollableElem, this.containerElem) : super.fromElement(root) { initialize(); } HandlerRegistration addScrollHandler(ScrollHandler handler) { /* * Sink the event on the scrollable element, which may not be the root * element. */ IEvent.sinkEvents(getScrollableElement(), IEvent.ONSCROLL); return addHandler(handler, ScrollEvent.TYPE); } /** * Ensures that the specified item is visible, by adjusting the panel's scroll * position. * * @param item the item whose visibility is to be ensured */ void ensureVisible(UiObject item) { dart_html.Element scroll = getScrollableElement(); dart_html.Element element = item.getElement(); ensureVisibleImpl(scroll, element); } /** * Gets the horizontal scroll position. * * @return the horizontal scroll position, in pixels */ int getHorizontalScrollPosition() { return getScrollableElement().scrollLeft; } int getMaximumHorizontalScrollPosition() { return ScrollImpl.get().getMaximumHorizontalScrollPosition(getScrollableElement()); } int getMaximumVerticalScrollPosition() { return getScrollableElement().scrollHeight - getScrollableElement().client.height; } int getMinimumHorizontalScrollPosition() { return ScrollImpl.get().getMinimumHorizontalScrollPosition(getScrollableElement()); } int getMinimumVerticalScrollPosition() { return 0; } int getVerticalScrollPosition() { return getScrollableElement().scrollTop; } /** * Check whether or not touch based scrolling is disabled. This method always * returns false on devices that do not support touch scrolling. * * @return true if disabled, false if enabled */ bool isTouchScrollingDisabled() { return false; //touchScroller == null; } void onResize() { Widget child = getWidget(); if ((child != null) && (child is RequiresResize)) { (child as RequiresResize).onResize(); } } /** * Scroll to the bottom of this panel. */ void scrollToBottom() { setVerticalScrollPosition(getMaximumVerticalScrollPosition()); } /** * Scroll to the far left of this panel. */ void scrollToLeft() { setHorizontalScrollPosition(getMinimumHorizontalScrollPosition()); } /** * Scroll to the far right of this panel. */ void scrollToRight() { setHorizontalScrollPosition(getMaximumHorizontalScrollPosition()); } /** * Scroll to the top of this panel. */ void scrollToTop() { setVerticalScrollPosition(getMinimumVerticalScrollPosition()); } /** * Sets whether this panel always shows its scroll bars, or only when * necessary. * * @param alwaysShow <code>true</code> to show scroll bars at all times */ void setAlwaysShowScrollBars(bool alwaysShow) { getScrollableElement().style.overflow = alwaysShow ? Overflow.SCROLL.value : Overflow.AUTO.value; } /** * Sets the object's height. This height does not include decorations such as * border, margin, and padding. * * @param height the object's new height, in absolute CSS units (e.g. "10px", * "1em" but not "50%") */ void setHeight(String height) { super.setHeight(height); } /** * Sets the horizontal scroll position. * * @param position the new horizontal scroll position, in pixels */ void setHorizontalScrollPosition(int position) { getScrollableElement().scrollLeft = position; } /** * Sets the object's size. This size does not include decorations such as * border, margin, and padding. * * @param width the object's new width, in absolute CSS units (e.g. "10px", * "1em", but not "50%") * @param height the object's new height, in absolute CSS units (e.g. "10px", * "1em", but not "50%") */ void setSize(String width, String height) { super.setSize(width, height); } /** * Set whether or not touch scrolling is disabled. By default, touch scrolling * is enabled on devices that support touch events. * * @param isDisabled true to disable, false to enable * @return true if touch scrolling is enabled and supported, false if disabled * or not supported */ bool setTouchScrollingDisabled(bool isDisabled) { if (isDisabled == isTouchScrollingDisabled()) { return isDisabled; } // if (isDisabled) { // // Detach the touch scroller. // touchScroller.setTargetWidget(null); // touchScroller = null; // } else { // // Attach a new touch scroller. // touchScroller = TouchScroller.createIfSupported(this); // } return isTouchScrollingDisabled(); } void setVerticalScrollPosition(int position) { getScrollableElement().scrollTop = position; } /** * Sets the object's width. This width does not include decorations such as * border, margin, and padding. * * @param width the object's new width, in absolute CSS units (e.g. "10px", * "1em", but not "50%") */ void setWidth(String width) { super.setWidth(width); } dart_html.Element getContainerElement() { return containerElem; } /** * Get the scrollable element. That is the element with its overflow set to * 'auto' or 'scroll'. * * @return the scrollable element */ dart_html.Element getScrollableElement() { return scrollableElem; } void onAttach() { super.onAttach(); /* * Attach the event listener in onAttach instead of onLoad so users cannot * accidentally override it. If the scrollable element is the same as the * root element, then we set the event listener twice (once in * super.onAttach() and once here), which is fine. */ IEvent.setEventListener(getScrollableElement(), this); } void onDetach() { /* * Detach the event listener in onDetach instead of onUnload so users cannot * accidentally override it. */ IEvent.setEventListener(getScrollableElement(), null); super.onDetach(); } void ensureVisibleImpl(dart_html.Element scroll, dart_html.Element e) { if (e == null) { return; } dart_html.Element item = e; int realOffset = 0; while (item != null && (item != scroll)) { realOffset += item.offset.top; item = item.offsetParent; } scroll.scrollTop = realOffset - scroll.offset.height ~/ 2; } /** * Initialize the widget. */ void initialize() { setAlwaysShowScrollBars(false); // Prevent IE standard mode bug when a AbsolutePanel is contained. scrollableElem.style.position = Position.RELATIVE.value; containerElem.style.position = Position.RELATIVE.value; // Hack to account for the IE6/7 scrolling bug described here: // http://stackoverflow.com/questions/139000/div-with-overflowauto-and-a-100-wide-table-problem scrollableElem.style.zoom = "1"; containerElem.style.zoom = "1"; // Enable touch scrolling. setTouchScrollingDisabled(false); // Initialize the scrollable element. ScrollImpl.get().initialize(scrollableElem, containerElem); } }
Extends
UiObject > Widget > Panel > SimplePanel > ScrollPanel
Implements
HasScrolling, ProvidesResize, RequiresResize
Constructors
new ScrollPanel([Widget child = null]) #
The scroller used to support touch events.
Creates an empty scroll panel or with the given child widget.
ScrollPanel([Widget child = null]) : super() { scrollableElem = getElement(); containerElem = new dart_html.DivElement(); scrollableElem.append(containerElem); initialize(); // if (child != null) { setWidget(child); } }
new ScrollPanel.fromElement(Element root, Element scrollableElem, Element containerElem) #
Creates an empty scroll panel using the specified root, scrollable, and container elements.
@param root the root element of the Widget @param scrollable the scrollable element, which can be the same as the root
element
@param container the container element that holds the child
ScrollPanel.fromElement(dart_html.Element root, this.scrollableElem, this.containerElem) : super.fromElement(root) { initialize(); }
Properties
Element containerElem #
dart_html.Element containerElem
int eventsToSink #
A set og events that should be sunk when the widget is attached to the DOM. (We delay the sinking of events to improve startup performance.) When the widget is attached, this is set is empty
Package protected to allow Composite to see it.
int eventsToSink = 0
Element scrollableElem #
dart_html.Element scrollableElem
String get title #
Gets the title associated with this object. The title is the 'tool-tip' displayed to users when they hover over the object.
@return the object's title
String get title => getElement().title;
void set title(String value) #
Sets the element's title.
void set title(String value) { getElement().title = value; }
bool get visible #
Determines whether or not this object is visible. Note that this does not necessarily take into account whether or not the receiver's parent is visible, or even if it is attached to the Document. The default implementation of this trait in UIObject is based on the value of a dom element's style object's display attribute.
@return <code>true</code> if the object is visible
bool get visible => isVisible(getElement());
Methods
void add(Widget w) #
Adds a widget to this panel.
@param w the child widget to be added
void add(Widget w) { // Can't add() more than one widget to a SimplePanel. if (getWidget() != null) { throw new Exception("SimplePanel can only contain one child widget"); } setWidget(w); }
HandlerRegistration addAttachHandler(AttachEventHandler handler) #
Adds an AttachEvent handler.
@param handler the handler @return the handler registration
HandlerRegistration addAttachHandler(AttachEventHandler handler) { return addHandler(handler, AttachEvent.TYPE); }
HandlerRegistration addBitlessDomHandler(EventHandler handler, DomEventType type) #
For <a href= "http://code.google.com/p/google-web-toolkit/wiki/UnderstandingMemoryLeaks"
browsers which do not leak</a>, adds a native event handler to the widget.
Note that, unlike the {@link #addDomHandler(EventHandler, com.google.gwt.event.dom.client.DomEvent.Type)} implementation, there is no need to attach the widget to the DOM in order to cause the event handlers to be attached.
@param <H> the type of handler to add @param type the event key @param handler the handler @return {@link HandlerRegistration} used to remove the handler
HandlerRegistration addBitlessDomHandler(EventHandler handler, DomEventType type) { assert (handler != null);; // : "handler must not be null"; assert (type != null); // : "type must not be null"; sinkBitlessEvent(type.eventName); return ensureHandlers().addHandler(type, handler); }
HandlerRegistration addDomHandler(EventHandler handler, DomEventType type) #
Adds a native event handler to the widget and sinks the corresponding native event. If you do not want to sink the native event, use the generic addHandler method instead.
@param <H> the type of handler to add @param type the event key @param handler the handler @return {@link HandlerRegistration} used to remove the handler
HandlerRegistration addDomHandler(EventHandler handler, DomEventType type) { assert (handler != null); // : "handler must not be null"; assert (type != null); // : "type must not be null"; int typeInt = IEvent.getTypeInt(type.eventName); if (typeInt == -1) { sinkBitlessEvent(type.eventName); } else { sinkEvents(typeInt); } return ensureHandlers().addHandler(type, handler); }
HandlerRegistration addHandler(EventHandler handler, EventType<EventHandler> type) #
Adds this handler to the widget.
@param <H> the type of handler to add @param type the event type @param handler the handler @return {@link HandlerRegistration} used to remove the handler
HandlerRegistration addHandler(EventHandler handler, EventType<EventHandler> type) { return ensureHandlers().addHandler(type, handler); }
void addIsWidget(IsWidget child) #
void addIsWidget(IsWidget child) { this.add(Widget.asWidgetOrNull(child)); }
HandlerRegistration addScrollHandler(ScrollHandler handler) #
Adds a {@link ScrollEvent} handler.
@param handler the scroll handler @return {@link HandlerRegistration} used to remove this handler
HandlerRegistration addScrollHandler(ScrollHandler handler) { /* * Sink the event on the scrollable element, which may not be the root * element. */ IEvent.sinkEvents(getScrollableElement(), IEvent.ONSCROLL); return addHandler(handler, ScrollEvent.TYPE); }
void addStyleDependentName(String styleSuffix) #
Adds a dependent style name by specifying the style name's suffix. The actual form of the style name that is added is:
getStylePrimaryName() + '-' + styleSuffix
@param styleSuffix the suffix of the dependent style to be added. @see #setStylePrimaryName(String) @see #removeStyleDependentName(String) @see #setStyleDependentName(String, boolean) @see #addStyleName(String)
void addStyleDependentName(String styleSuffix) { setStyleDependentName(styleSuffix, true); }
void addStyleName(String style) #
Adds a secondary or dependent style name to this object. A secondary style name is an additional style name that is, in HTML/CSS terms, included as a space-separated token in the value of the CSS <code>class</code> attribute for this object's root element.
The most important use for this method is to add a special kind of
secondary style name called a dependent style name. To add a
dependent style name, use {@link #addStyleDependentName(String)}, which
will prefix the 'style' argument with the result of
{@link #k()} (followed by a '-'). For example, suppose
the primary style name is gwt-TextBox
. If the following method
is called as obj.setReadOnly(true)
:
public void setReadOnly(boolean readOnly) { isReadOnlyMode = readOnly;// Create a dependent style name. String readOnlyStyle = "readonly";
if (readOnly) {
addStyleDependentName(readOnlyStyle);
} else {
removeStyleDependentName(readOnlyStyle);
} }</pre>
then both of the CSS style rules below will be applied:
// This rule is based on the primary style name and is always active. .gwt-TextBox { font-size: 12pt; }
// This rule is based on a dependent style name that is only active // when the widget has called addStyleName(getStylePrimaryName() + // "-readonly"). .gwt-TextBox-readonly { background-color: lightgrey; border: none; }</pre>
The code can also be simplified with {@link #setStyleDependentName(String, boolean)}:
public void setReadOnly(boolean readOnly) { isReadOnlyMode = readOnly; setStyleDependentName("readonly", readOnly); }Dependent style names are powerful because they are automatically updated whenever the primary style name changes. Continuing with the example above, if the primary style name changed due to the following call:
setStylePrimaryName("my-TextThingy");then the object would be re-associated with following style rules, removing those that were shown above.
.my-TextThingy { font-size: 20pt; }.my-TextThingy-readonly { background-color: red; border: 2px solid yellow; }</pre>
Secondary style names that are not dependent style names are not automatically updated when the primary style name changes.
@param style the secondary style name to be added @see UIObject @see #removeStyleName(String)
void addStyleName(String style) { setStyleName(style, true); }
void adopt(Widget child) #
Finalize the attachment of a Widget to this Panel. This method is the <b>last</b> step in adding or inserting a Widget into a Panel, and should be called after physical attachment in the DOM is complete. This Panel becomes the parent of the child Widget, and the child will now fire its {@link Widget#onAttach()} event if this Panel is currently attached.
@param child the widget to be adopted @see #add(Widget)
void adopt(Widget child) { assert (child.getParent() == null); child.setParent(this); }
Widget asWidget() #
Returns the Widget aspect of the receiver.
Widget asWidget() { return this; }
void clear() #
Removes all child widgets.
void clear() { Iterator<Widget> it = iterator(); while (it.moveNext()) { it.current.removeFromParent(); } }
void clearAndSetStyleName(String style) #
Clears all of the object's style names and sets it to the given style. You should normally use {@link #setStylePrimaryName(String)} unless you wish to explicitly remove all existing styles.
@param style the new style name @see #setStylePrimaryName(String)
void clearAndSetStyleName(String style) { setElementStyleName(getStyleElement(), style); }
EventBus createEventBus() #
Creates the SimpleEventBus used by this Widget. You can override this method to create a custom EventBus.
@return the EventBus you want to use.
EventBus createEventBus() { return new SimpleEventBus(); }
void delegateEvent(Widget target, DwtEvent event) #
Fires an event on a child widget. Used to delegate the handling of an event from one widget to another.
@param event the event @param target fire the event on the given target
void delegateEvent(Widget target, DwtEvent event) { target.fireEvent(event); }
void doAttachChildren() #
If a widget contains one or more child widgets that are not in the logical widget hierarchy (the child is physically connected only on the DOM level), it must override this method and call {@link #onAttach()} for each of its child widgets.
@see #onAttach()
void doAttachChildren() { AttachDetachException.tryCommand(this.iterator(), AttachDetachException.attachCommand); }
void doDetachChildren() #
If a widget contains one or more child widgets that are not in the logical widget hierarchy (the child is physically connected only on the DOM level), it must override this method and call {@link #onDetach()} for each of its child widgets.
@see #onDetach()
void doDetachChildren() { AttachDetachException.tryCommand(this.iterator(), AttachDetachException.detachCommand); }
EventBus ensureHandlers() #
Ensures the existence of the event bus.
@return the EventBus.
EventBus ensureHandlers() { return _eventBus == null ? _eventBus = createEventBus() : _eventBus; }
void ensureVisible(UiObject item) #
Ensures that the specified item is visible, by adjusting the panel's scroll position.
@param item the item whose visibility is to be ensured
void ensureVisible(UiObject item) { dart_html.Element scroll = getScrollableElement(); dart_html.Element element = item.getElement(); ensureVisibleImpl(scroll, element); }
void ensureVisibleImpl(Element scroll, Element e) #
void ensureVisibleImpl(dart_html.Element scroll, dart_html.Element e) { if (e == null) { return; } dart_html.Element item = e; int realOffset = 0; while (item != null && (item != scroll)) { realOffset += item.offset.top; item = item.offsetParent; } scroll.scrollTop = realOffset - scroll.offset.height ~/ 2; }
double extractLengthValue(String s) #
Intended to be used to pull the value out of a CSS length. If the value is "auto" or "inherit", 0 will be returned.
@param s The CSS length string to extract @return The leading numeric portion of <code>s</code>, or 0 if "auto" or
"inherit" are passed in.
double extractLengthValue(String s) { if (s == "auto" || s == "inherit" || s == "") { return 0.0; } else { // numberRegex divides the string into a leading numeric portion // followed by an arbitrary portion. if(numberRegex.hasMatch(s)) { // Extract the leading numeric portion of string s = numberRegex.firstMatch(s)[0]; } return double.parse(s); } }
void fireEvent(DwtEvent event) #
Fires the given event to the handlers listening to the event's type.
Any exceptions thrown by handlers will be bundled into a UmbrellaException and then re-thrown after all handlers have completed. An exception thrown by a handler will not prevent other handlers from executing.
@param event the event
void fireEvent(DwtEvent event) { // if (_eventBus != null) { // _eventBus.fireEvent(event); // } if (_eventBus != null) { // If it not live we should revive it. if (!event.isLive()) { event.revive(); } Object oldSource = event.getSource(); event.overrideSource(getElement()); try { // May throw an UmbrellaException. _eventBus.fireEventFromSource(event, getElement()); } on UmbrellaException catch (e) { throw new UmbrellaException(e.causes); } finally { if (oldSource == null) { // This was my event, so I should kill it now that I'm done. event.kill(); } else { // Restoring the source for the next handler to use. event.overrideSource(oldSource); } } } }
int getAbsoluteLeft() #
Gets the object's absolute left position in pixels, as measured from the browser window's client area.
@return the object's absolute left position
int getAbsoluteLeft() { return Dom.getAbsoluteLeft(getElement()); }
int getAbsoluteTop() #
Gets the object's absolute top position in pixels, as measured from the browser window's client area.
@return the object's absolute top position
int getAbsoluteTop() { return Dom.getAbsoluteTop(getElement()); }
Element getContainerElement() #
Override this method to specify that an element other than the root element be the container for the panel's child widget. This can be useful when you want to create a simple panel that decorates its contents.
Note that this method continues to return the {@link com.google.gwt.user.client.Element} class defined in the <code>User</code> module to maintain backwards compatibility.
@return the element to be used as the panel's container
dart_html.Element getContainerElement() { return containerElem; }
Element getElement() #
Gets this object's browser element.
dart_html.Element getElement() { assert (_element != null); // : MISSING_ELEMENT_ERROR; return _element; }
EventBus getEventBus() #
Return EventBus.
EventBus getEventBus() { return _eventBus; }
int getHorizontalScrollPosition() #
Gets the horizontal scroll position.
@return the horizontal scroll position, in pixels
int getHorizontalScrollPosition() { return getScrollableElement().scrollLeft; }
Object getLayoutData() #
Gets the panel-defined layout data associated with this widget.
@return the widget's layout data @see #setLayoutData
Object getLayoutData() { return _layoutData; }
int getMaximumHorizontalScrollPosition() #
Get the maximum position of horizontal scrolling. This is usually the <code>scrollWidth - clientWidth</code>.
@return the maximum horizontal scroll position
int getMaximumHorizontalScrollPosition() { return ScrollImpl.get().getMaximumHorizontalScrollPosition(getScrollableElement()); }
int getMaximumVerticalScrollPosition() #
Get the maximum position of vertical scrolling. This is usually the <code>scrollHeight - clientHeight</code>.
@return the maximum vertical scroll position
int getMaximumVerticalScrollPosition() { return getScrollableElement().scrollHeight - getScrollableElement().client.height; }
int getMinimumHorizontalScrollPosition() #
Get the minimum position of horizontal scrolling.
@return the minimum horizontal scroll position
int getMinimumHorizontalScrollPosition() { return ScrollImpl.get().getMinimumHorizontalScrollPosition(getScrollableElement()); }
int getMinimumVerticalScrollPosition() #
Get the minimum position of vertical scrolling.
@return the minimum vertical scroll position
int getMinimumVerticalScrollPosition() { return 0; }
int getOffsetHeight() #
Gets the object's offset height in pixels. This is the total height of the object, including decorations such as border and padding, but not margin.
@return the object's offset height
int getOffsetHeight() { return getElement().offset.height; // Dom.getElementPropertyInt(getElement(), "offsetHeight"); }
int getOffsetWidth() #
Gets the object's offset width in pixels. This is the total width of the object, including decorations such as border and padding, but not margin.
@return the object's offset width
int getOffsetWidth() { return getElement().offset.width; // Dom.getElementPropertyInt(getElement(), "offsetWidth"); }
Widget getParent() #
Gets this widget's parent panel.
@return the widget's parent panel
Widget getParent() { return _parent; }
Element getScrollableElement() #
Get the scrollable element. That is the element with its overflow set to 'auto' or 'scroll'.
@return the scrollable element
dart_html.Element getScrollableElement() { return scrollableElem; }
Element getStyleElement() #
Template method that returns the element to which style names will be applied. By default it returns the root element, but this method may be overridden to apply styles to a child element.
@return the element to which style names will be applied
dart_html.Element getStyleElement() { return getElement(); }
String getStyleName() #
Gets all of the object's style names, as a space-separated list. If you wish to retrieve only the primary style name, call {@link #getStylePrimaryName()}.
@return the objects's space-separated style names @see #getStylePrimaryName()
String getStyleName() { return getElementStyleName(getStyleElement()); }
String getStylePrimaryName() #
Gets the primary style name associated with the object.
@return the object's primary style name @see #setStyleName(String) @see #addStyleName(String) @see #removeStyleName(String)
String getStylePrimaryName() { return getElementStylePrimaryName(getStyleElement()); }
int getVerticalScrollPosition() #
Gets the vertical scroll position.
@return the vertical scroll position, in pixels
int getVerticalScrollPosition() { return getScrollableElement().scrollTop; }
Widget getWidget() #
Gets the panel's child widget.
@return the child widget, or <code>null</code> if none is present
Widget getWidget() { return widget; }
void initialize() #
Initialize the widget.
void initialize() { setAlwaysShowScrollBars(false); // Prevent IE standard mode bug when a AbsolutePanel is contained. scrollableElem.style.position = Position.RELATIVE.value; containerElem.style.position = Position.RELATIVE.value; // Hack to account for the IE6/7 scrolling bug described here: // http://stackoverflow.com/questions/139000/div-with-overflowauto-and-a-100-wide-table-problem scrollableElem.style.zoom = "1"; containerElem.style.zoom = "1"; // Enable touch scrolling. setTouchScrollingDisabled(false); // Initialize the scrollable element. ScrollImpl.get().initialize(scrollableElem, containerElem); }
bool isAttached() #
Returns whether or not the receiver is attached to the {@link com.google.gwt.dom.client.Document Document}'s {@link com.google.gwt.dom.client.BodyElement BodyElement}.
@return true if attached, false otherwise
bool isAttached() { return _attached; }
bool isOrWasAttached() #
Has this widget ever been attached?
@return true if this widget ever been attached to the DOM, false otherwise
bool isOrWasAttached() { return eventsToSink == -1; }
bool isTouchScrollingDisabled() #
Check whether or not touch based scrolling is disabled. This method always returns false on devices that do not support touch scrolling.
@return true if disabled, false if enabled
bool isTouchScrollingDisabled() { return false; //touchScroller == null; }
Iterator<Widget> iterator() #
Returns an Iterator that iterates over this Iterable object.
Iterator<Widget> iterator() { // Return a simple iterator that enumerates the 0 or 1 elements in this // panel. return new SimplePanelIterator(this); }
void onAttach() #
This method is called when a widget is attached to the browser's document. To receive notification after a Widget has been added to the document, override the {@link #onLoad} method or use {@link #addAttachHandler}.
It is strongly recommended that you override {@link #onLoad()} or {@link #doAttachChildren()} instead of this method to avoid inconsistencies between logical and physical attachment states.
Subclasses that override this method must call
super.onAttach()
to ensure that the Widget has been attached
to its underlying Element.
@throws IllegalStateException if this widget is already attached @see #onLoad() @see #doAttachChildren()
void onAttach() { super.onAttach(); /* * Attach the event listener in onAttach instead of onLoad so users cannot * accidentally override it. If the scrollable element is the same as the * root element, then we set the event listener twice (once in * super.onAttach() and once here), which is fine. */ IEvent.setEventListener(getScrollableElement(), this); }
void onBrowserEvent(Event event) #
Fired whenever a browser event is received.
@param event the event received
TODO
void onBrowserEvent(dart_html.Event event) { switch (Dom.eventGetType(event)) { case IEvent.ONMOUSEOVER: // Only fire the mouse over event if it's coming from outside this // widget. case IEvent.ONMOUSEOUT: // Only fire the mouse over event if it's coming from outside this widget. // Only fire the mouse out event if it's leaving this widget. dart_html.Element related = (event as dart_html.MouseEvent).relatedTarget as dart_html.Element; if (related != null && Dom.isOrHasChild(getElement(), related)) { return; } break; } DomEvent.fireNativeEvent(event, this, this.getElement()); }
void onDetach() #
This method is called when a widget is detached from the browser's document. To receive notification before a Widget is removed from the document, override the {@link #onUnload} method or use {@link #addAttachHandler}.
It is strongly recommended that you override {@link #onUnload()} or {@link #doDetachChildren()} instead of this method to avoid inconsistencies between logical and physical attachment states.
Subclasses that override this method must call
super.onDetach()
to ensure that the Widget has been detached
from the underlying Element. Failure to do so will result in application
memory leaks due to circular references between DOM Elements and JavaScript
objects.
@throws IllegalStateException if this widget is already detached @see #onUnload() @see #doDetachChildren()
void onDetach() { /* * Detach the event listener in onDetach instead of onUnload so users cannot * accidentally override it. */ IEvent.setEventListener(getScrollableElement(), null); super.onDetach(); }
void onLoad() #
This method is called immediately after a widget becomes attached to the browser's document.
void onLoad() { }
void onResize() #
This method must be called whenever the implementor's size has been modified.
void onResize() { Widget child = getWidget(); if ((child != null) && (child is RequiresResize)) { (child as RequiresResize).onResize(); } }
void onUnload() #
This method is called immediately before a widget will be detached from the browser's document.
void onUnload() { }
void orphan(Widget child) #
This method must be called as part of the remove method of any Panel. It ensures that the Widget's parent is cleared. This method should be called after verifying that the child Widget is an existing child of the Panel, but before physically removing the child Widget from the DOM. The child will now fire its {@link Widget#onDetach()} event if this Panel is currently attached.
Calls to {@link #orphan(Widget)} should be wrapped in a try/finally block to ensure that the widget is physically detached even if orphan throws an exception.
@param child the widget to be disowned @see #add(Widget)
void orphan(Widget child) { assert (child.getParent() == this); child.setParent(null); }
bool remove(Widget w) #
Removes a child widget.
How to Override this Method
There are several important things that must take place in the correct order to properly remove a Widget from a Panel. Not all of these steps will be relevant to every Panel, but all of the steps must be considered.
- Validate: Make sure this Panel is actually the parent of the
child Widget; return
false
if it is not. - Orphan: Call {@link #orphan(Widget)} first while the child Widget is still attached.
- Physical Detach: Adjust the DOM to account for the removal of the child Widget. The Widget's Element must be physically removed from the DOM.
- Logical Detach: Update the Panel's state variables to reflect the removal of the child Widget. Example: the Widget is removed from the Panel's {@link WidgetCollection}.
@param child the widget to be removed @return <code>true</code> if the child was present
bool remove(Widget w) { // Validate. if (widget != w) { return false; } // Orphan. try { orphan(w); } finally { // Physical detach. w.getElement().remove(); // Logical detach. widget = null; } return true; }
void removeFromParent() #
Removes this widget from its parent widget, if one exists.
If it has no parent, this method does nothing. If it is a "root" widget (meaning it's been added to the detach list via {@link RootPanel#detachOnWindowClose(Widget)}), it will be removed from the detached immediately. This makes it possible for Composites and Panels to adopt root widgets.
@throws IllegalStateException if this widget's parent does not support
removal (e.g. {@link Composite})
void removeFromParent() { if (_parent == null) { // If the widget had no parent, check to see if it was in the detach list // and remove it if necessary. if (RootPanel.isInDetachList(this)) { RootPanel.detachNow(this); } } else if (_parent is HasWidgets) { (_parent as HasWidgets).remove(this); } else if (_parent != null) { throw new Exception("This widget's parent does not implement HasWidgets"); } }
bool removeIsWidget(IsWidget child) #
bool removeIsWidget(IsWidget child) { return remove(Widget.asWidgetOrNull(child)); }
void removeStyleDependentName(String styleSuffix) #
Removes a dependent style name by specifying the style name's suffix.
@param styleSuffix the suffix of the dependent style to be removed @see #setStylePrimaryName(Element, String) @see #addStyleDependentName(String) @see #setStyleDependentName(String, boolean)
void removeStyleDependentName(String styleSuffix) { setStyleDependentName(styleSuffix, false); }
void removeStyleName(String style) #
Removes a style name. This method is typically used to remove secondary style names, but it can be used to remove primary stylenames as well. That use is not recommended.
@param style the secondary style name to be removed @see #addStyleName(String) @see #setStyleName(String, boolean)
void removeStyleName(String style) { setStyleName(style, false); }
void replaceElement(Element elem) #
Replaces this object's browser element.
This method exists only to support a specific use-case in Image, and should not be used by other classes.
@param elem the object's new element
void replaceElement(dart_html.Element elem) { if (isAttached()) { // Remove old event listener to avoid leaking. onDetach will not do this // for us, because it is only called when the widget itself is detached // from the document. Dom.setEventListener(getElement(), null); } super.replaceElement(elem); if (isAttached()) { // Hook the event listener back up on the new element. onAttach will not // do this for us, because it is only called when the widget itself is // attached to the document. Dom.setEventListener(getElement(), this); } }
void scrollToBottom() #
Scroll to the bottom of this panel.
void scrollToBottom() { setVerticalScrollPosition(getMaximumVerticalScrollPosition()); }
void scrollToLeft() #
Scroll to the far left of this panel.
void scrollToLeft() { setHorizontalScrollPosition(getMinimumHorizontalScrollPosition()); }
void scrollToRight() #
Scroll to the far right of this panel.
void scrollToRight() { setHorizontalScrollPosition(getMaximumHorizontalScrollPosition()); }
void scrollToTop() #
Scroll to the top of this panel.
void scrollToTop() { setVerticalScrollPosition(getMinimumVerticalScrollPosition()); }
void setAlwaysShowScrollBars(bool alwaysShow) #
Sets whether this panel always shows its scroll bars, or only when necessary.
@param alwaysShow <code>true</code> to show scroll bars at all times
void setAlwaysShowScrollBars(bool alwaysShow) { getScrollableElement().style.overflow = alwaysShow ? Overflow.SCROLL.value : Overflow.AUTO.value; }
void setElement(Element elem) #
Sets this object's browser element. UIObject subclasses must call this method before attempting to call any other methods, and it may only be called once.
@param elem the object's element
void setElement(dart_html.Element elem) { assert (_element == null); this._element = elem; }
void setHeight(String height) #
Sets the object's height. This height does not include decorations such as border, margin, and padding.
@param height the object's new height, in absolute CSS units (e.g. "10px",
"1em" but not "50%")
void setHeight(String height) { super.setHeight(height); }
void setHorizontalScrollPosition(int position) #
Sets the horizontal scroll position.
@param position the new horizontal scroll position, in pixels
void setHorizontalScrollPosition(int position) { getScrollableElement().scrollLeft = position; }
void setLayoutData(Object value) #
Sets the panel-defined layout data associated with this widget. Only the panel that currently contains a widget should ever set this value. It serves as a place to store layout bookkeeping data associated with a widget.
@param layoutData the widget's layout data
void setLayoutData(Object value) { this._layoutData = value; }
void setParent(Widget parent) #
Sets this widget's parent. This method should only be called by {@link Panel} and {@link Composite}.
@param parent the widget's new parent @throws IllegalStateException if <code>parent</code> is non-null and the
widget already has a parent
void setParent(Widget parent) { Widget oldParent = this._parent; if (parent == null) { try { if (oldParent != null && oldParent.isAttached()) { onDetach(); assert (!isAttached()); // : "Failure of " + this.getClass().getName() + " to call super.onDetach()"; } } finally { // Put this in a finally in case onDetach throws an exception. this._parent = null; } } else { if (oldParent != null) { throw new Exception("Cannot set a new parent without first clearing the old parent"); } this._parent = parent; if (parent.isAttached()) { onAttach(); assert (isAttached()); // : "Failure of " + this.getClass().getName() + " to call super.onAttach()"; } } }
void setPixelSize(int width, int height) #
Sets the object's size, in pixels, not including decorations such as border, margin, and padding.
@param width the object's new width, in pixels @param height the object's new height, in pixels
void setPixelSize(int width, int height) { if (width >= 0) { setWidth(width.toString() + "px"); } if (height >= 0) { setHeight(height.toString() + "px"); } }
void setSize(String width, String height) #
Sets the object's size. This size does not include decorations such as border, margin, and padding.
@param width the object's new width, in absolute CSS units (e.g. "10px",
"1em", but not "50%")
@param height the object's new height, in absolute CSS units (e.g. "10px",
"1em", but not "50%")
void setSize(String width, String height) { super.setSize(width, height); }
void setStyleDependentName(String styleSuffix, bool add) #
Adds or removes a dependent style name by specifying the style name's suffix. The actual form of the style name that is added is:
getStylePrimaryName() + '-' + styleSuffix
@param styleSuffix the suffix of the dependent style to be added or removed @param add <code>true</code> to add the given style, <code>false</code> to
remove it
@see #setStylePrimaryName(Element, String) @see #addStyleDependentName(String) @see #setStyleName(String, boolean) @see #removeStyleDependentName(String)
void setStyleDependentName(String styleSuffix, bool add) { setStyleName(getStylePrimaryName() + '-' + styleSuffix, add); }
void setStyleName(String style, bool add) #
Adds or removes a style name. This method is typically used to remove secondary style names, but it can be used to remove primary stylenames as well. That use is not recommended.
@param style the style name to be added or removed @param add <code>true</code> to add the given style, <code>false</code> to
remove it
@see #addStyleName(String) @see #removeStyleName(String)
void setStyleName(String style, bool add) { manageElementStyleName(getStyleElement(), style, add); }
void setStylePrimaryName(String style) #
Sets the object's primary style name and updates all dependent style names.
@param style the new primary style name @see #addStyleName(String) @see #removeStyleName(String)
void setStylePrimaryName(String style) { setElementStylePrimaryName(getStyleElement(), style); }
bool setTouchScrollingDisabled(bool isDisabled) #
Set whether or not touch scrolling is disabled. By default, touch scrolling is enabled on devices that support touch events.
@param isDisabled true to disable, false to enable @return true if touch scrolling is enabled and supported, false if disabled
or not supported
bool setTouchScrollingDisabled(bool isDisabled) { if (isDisabled == isTouchScrollingDisabled()) { return isDisabled; } // if (isDisabled) { // // Detach the touch scroller. // touchScroller.setTargetWidget(null); // touchScroller = null; // } else { // // Attach a new touch scroller. // touchScroller = TouchScroller.createIfSupported(this); // } return isTouchScrollingDisabled(); }
void setVerticalScrollPosition(int position) #
Sets the vertical scroll position.
@param position the new vertical scroll position, in pixels
void setVerticalScrollPosition(int position) { getScrollableElement().scrollTop = position; }
void setWidget(Widget w) #
Sets this panel's widget. Any existing child widget will be removed.
@param w the panel's new widget, or <code>null</code> to clear the panel
void setWidget(Widget w) { // Validate if (w == widget) { return; } // Detach new child. if (w != null) { w.removeFromParent(); } // Remove old child. if (widget != null) { remove(widget); } // Logical attach. widget = w; if (w != null) { // Physical attach. //DOM.appendChild(getContainerElement(), widget.getElement()); getContainerElement().append(widget.getElement()); adopt(w); } }
void setWidgetIsWidget(IsWidget w) #
Set the only widget of the receiver, replacing the previous widget if there was one.
@param w the widget, or <code>null</code> to remove the widget
@see SimplePanel
void setWidgetIsWidget(IsWidget w) { setWidget(Widget.asWidgetOrNull(w)); }
void setWidth(String width) #
Sets the object's width. This width does not include decorations such as border, margin, and padding.
@param width the object's new width, in absolute CSS units (e.g. "10px",
"1em", but not "50%")
void setWidth(String width) { super.setWidth(width); }
void sinkBitlessEvent(String eventTypeName) #
Sinks a named event. Note that only {@link Widget widgets} may actually receive events, but can receive events from all objects contained within them.
@param eventTypeName name of the event to sink on this element @see com.google.gwt.user.client.Event
void sinkBitlessEvent(String eventTypeName) { Dom.sinkBitlessEvent(getElement(), eventTypeName); }
void sinkEvents(int eventBitsToAdd) #
Overridden to defer the call to super.sinkEvents until the first time this widget is attached to the dom, as a performance enhancement. Subclasses wishing to customize sinkEvents can preserve this deferred sink behavior by putting their implementation behind a check of <code>isOrWasAttached()</code>:
{@literal @}Override public void sinkEvents(int eventBitsToAdd) { if (isOrWasAttached()) { /{@literal *} customized sink code goes here {@literal *}/ } else { super.sinkEvents(eventBitsToAdd); } }
void sinkEvents(int eventBitsToAdd) { if (isOrWasAttached()) { super.sinkEvents(eventsToSink); } else { eventsToSink |= eventBitsToAdd; } }
String toString() #
This method is overridden so that any object can be viewed in the debugger as an HTML snippet.
@return a string representation of the object
String toString() { if (_element == null) { return "(null handle)"; } return getElement().toString(); }
void unsinkEvents(int eventBitsToRemove) #
Removes a set of events from this object's event list.
@param eventBitsToRemove a bitfield representing the set of events to be
removed from this element's event set
@see #sinkEvents @see com.google.gwt.user.client.Event
void unsinkEvents(int eventBitsToRemove) { Dom.sinkEvents(getElement(), Dom.getEventsSunk(getElement()) & (~eventBitsToRemove)); }