API Reference 0.3.24dart_web_toolkit_uiScrollPanel

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 #

inherited from Widget

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 #

inherited from UiObject

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) #

inherited from UiObject

Sets the element's title.

void set title(String value) {
 getElement().title = value;
}

bool get visible #

inherited from UiObject

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());

void set visible(bool visible) #

inherited from UiObject

Sets whether this object is visible.

@param visible <code>true</code> to show the object, <code>false</code> to

     hide it
void set visible(bool visible) {
 setVisible(getElement(), visible);
}

Widget widget #

inherited from SimplePanel
Widget widget

Methods

void add(Widget w) #

inherited from SimplePanel

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) #

inherited from Widget

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) #

inherited from Widget

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) #

inherited from Widget

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) #

inherited from Widget

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) #

inherited from Panel
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

docs inherited from HasScrollHandlers
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) #

inherited from UiObject

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) #

inherited from UiObject

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) #

inherited from Panel

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() #

inherited from Widget

Returns the Widget aspect of the receiver.

Widget asWidget() {
 return this;
}

void clear() #

inherited from Panel

Removes all child widgets.

void clear() {
 Iterator<Widget> it = iterator();
 while (it.moveNext()) {
   it.current.removeFromParent();
 }
}

void clearAndSetStyleName(String style) #

inherited from UiObject

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() #

inherited from Widget

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) #

inherited from Widget

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() #

inherited from Panel

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()

docs inherited from Widget
void doAttachChildren() {
 AttachDetachException.tryCommand(this.iterator(), AttachDetachException.attachCommand);
}

void doDetachChildren() #

inherited from Panel

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()

docs inherited from Widget
void doDetachChildren() {
 AttachDetachException.tryCommand(this.iterator(), AttachDetachException.detachCommand);
}

EventBus ensureHandlers() #

inherited from Widget

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) #

inherited from UiObject

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) #

inherited from Widget

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() #

inherited from UiObject

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() #

inherited from UiObject

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

docs inherited from SimplePanel
dart_html.Element getContainerElement() {
 return containerElem;
}

Element getElement() #

inherited from UiObject

Gets this object's browser element.

dart_html.Element getElement() {
 assert (_element != null); // : MISSING_ELEMENT_ERROR;
 return _element;
}

EventBus getEventBus() #

inherited from Widget

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() #

inherited from Widget

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

docs inherited from HasHorizontalScrolling
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

docs inherited from HasVerticalScrolling
int getMaximumVerticalScrollPosition() {
 return getScrollableElement().scrollHeight - getScrollableElement().client.height;
}

int getMinimumHorizontalScrollPosition() #

Get the minimum position of horizontal scrolling.

@return the minimum horizontal scroll position

docs inherited from HasHorizontalScrolling
int getMinimumHorizontalScrollPosition() {
 return ScrollImpl.get().getMinimumHorizontalScrollPosition(getScrollableElement());
}

int getMinimumVerticalScrollPosition() #

Get the minimum position of vertical scrolling.

@return the minimum vertical scroll position

docs inherited from HasVerticalScrolling
int getMinimumVerticalScrollPosition() {
 return 0;
}

int getOffsetHeight() #

inherited from UiObject

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() #

inherited from UiObject

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() #

inherited from Widget

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() #

inherited from UiObject

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() #

inherited from UiObject

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() #

inherited from UiObject

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

docs inherited from HasVerticalScrolling
int getVerticalScrollPosition() {
 return getScrollableElement().scrollTop;
}

Widget getWidget() #

inherited from SimplePanel

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() #

inherited from Widget

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() #

inherited from Widget

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() #

inherited from SimplePanel

Returns an Iterator that iterates over this Iterable object.

docs inherited from HasWidgets
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()

docs inherited from Widget
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) #

inherited from Widget

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()

docs inherited from Widget
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() #

inherited from Widget

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.

docs inherited from RequiresResize
void onResize() {
 Widget child = getWidget();
 if ((child != null) && (child is RequiresResize)) {
   (child as RequiresResize).onResize();
 }
}

void onUnload() #

inherited from Widget

This method is called immediately before a widget will be detached from the browser's document.

void onUnload() {
}

void orphan(Widget child) #

inherited from Panel

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) #

inherited from SimplePanel

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.

  1. Validate: Make sure this Panel is actually the parent of the child Widget; return false if it is not.
  2. Orphan: Call {@link #orphan(Widget)} first while the child Widget is still attached.
  3. 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.
  4. 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

docs inherited from Panel
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() #

inherited from Widget

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) #

inherited from Panel
bool removeIsWidget(IsWidget child) {
 return remove(Widget.asWidgetOrNull(child));
}

void removeStyleDependentName(String styleSuffix) #

inherited from UiObject

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) #

inherited from UiObject

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) #

inherited from Widget

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) #

inherited from UiObject

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) #

inherited from Widget

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) #

inherited from Widget

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) #

inherited from UiObject

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) #

inherited from UiObject

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) #

inherited from UiObject

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) #

inherited from UiObject

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

docs inherited from HasVerticalScrolling
void setVerticalScrollPosition(int position) {
 getScrollableElement().scrollTop = position;
}

void setWidget(Widget w) #

inherited from SimplePanel

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) #

inherited from SimplePanel

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) #

inherited from UiObject

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) #

inherited from Widget

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() #

inherited from UiObject

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) #

inherited from UiObject

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));
}