goog.ui.TabBarRenderer
Classgoog.ui.TabBarRenderer
> goog.ui.ContainerRenderer
goog.ui.TabBarRenderer()
Default renderer for {@link goog.ui.TabBar}s, based on the {@code TabPane} code. The tab bar's DOM structure is determined by its orientation and location relative to tab contents. For example, a horizontal tab bar located above tab contents looks like this:
.CSS_CLASS
{string
}Default CSS class to be applied to the root element of components rendered by this renderer.
.canDecorate(element)
Inherited from goog.ui.ContainerRenderer
.
Default implementation of {@code canDecorate}; returns true if the element is a DIV, false otherwise.
element
{Element
}
boolean
}
.createDom(container)
Inherited from goog.ui.ContainerRenderer
.
Creates and returns the container's root element. The default simply creates a DIV and applies the renderer's own CSS class name to it. To be overridden in subclasses.
container
{goog.ui.Container
}
Element
}
.decorate(container, element)
Inherited from goog.ui.ContainerRenderer
.
Default implementation of {@code decorate} for {@link goog.ui.Container}s. Decorates the element with the container, and attempts to decorate its child elements. Returns the decorated element.
container
{goog.ui.Container
}
element
{Element
}
Element
}
.decorateChildren(container, element, opt_firstChild)
Inherited from goog.ui.ContainerRenderer
.
Takes a container and an element that may contain child elements, decorates the child elements, and adds the corresponding components to the container as child components. Any non-element child nodes (e.g. empty text nodes introduced by line breaks in the HTML source) are removed from the element.
container
{goog.ui.Container
}
element
{Element
}
opt_firstChild
{Element
=}
.enableTabIndex(element, enable)
Inherited from goog.ui.ContainerRenderer
.
Enables or disables the tab index of the element. Only elements with a valid tab index can receive focus.
element
{Element
}
enable
{boolean
}
.getAriaRole()
Returns the ARIA role to be applied to the tab bar element. See http://wiki/Main/ARIA for more info.
goog.dom.a11y.Role
}
.getClassNames(tabBar)
Returns all CSS class names applicable to the tab bar, based on its state. Overrides the superclass implementation by appending the location-specific class name to the list.
tabBar
{goog.ui.Container
}
Array
.<string
>}
.getContentElement(element)
Inherited from goog.ui.ContainerRenderer
.
Returns the DOM element into which child components are to be rendered, or null if the container hasn't been rendered yet.
element
{Element
}
Element
}
.getCssClass()
Returns the CSS class name to be applied to the root element of all tab bars rendered or decorated using this renderer.
string
}
.getDecoratorForChild(element)
Inherited from goog.ui.ContainerRenderer
.
Inspects the element, and creates an instance of {@link goog.ui.Control} or an appropriate subclass best suited to decorate it. Returns the control (or null if no suitable class was found). This default implementation uses the element's CSS class to find the appropriate control class to instantiate. May be overridden in subclasses.
element
{Element
}
goog.ui.Control
?}
.getDefaultOrientation()
Inherited from goog.ui.ContainerRenderer
.
Returns the default orientation of containers rendered or decorated by this renderer. The base class implementation returns {@code VERTICAL}.
goog.ui.Container.Orientation
}
.getKeyEventTarget(container)
Inherited from goog.ui.ContainerRenderer
.
Returns the element within the container's DOM that should receive keyboard focus (null if none). The default implementation returns the container's root element.
container
{goog.ui.Container
}
Element
}
.initializeDom(container)
Inherited from goog.ui.ContainerRenderer
.
Initializes the container's DOM when the container enters the document. Called from {@link goog.ui.Container#enterDocument}.
container
{goog.ui.Container
}
.setStateFromClassName(tabBar, className, baseClass)
[protected]Sets the tab bar's state based on the given CSS class name, encountered during decoration. Overrides the superclass implementation by recognizing class names representing tab bar orientation and location.
tabBar
{goog.ui.Container
}
className
{string
}
baseClass
{string
}