Class: SC.ToolbarView
Extends
SC.View.
SC.ToolbarView
is a simple horizontal view that has been styled like a
toolbar and can be easily anchored at the top or bottom of a parent view.
To anchor to the top of the parent view, set anchorLocation
to
SC.ANCHOR_TOP
or to anchor to the bottom, set anchorLocation
to
SC.ANCHOR_BOTTOM
. The default layout of SC.Toolbar
is
{ left: 0, right: 0, height: 32,
zIndex10 }
and so by setting the value of
anchorLocation
, the layout will be modified to either:
SC.ANCHOR_TOP:
{ borderBottom
: 1, top: 0, left: 0, right: 0, height: 32, zIndex
: 10 }
SC.ANCHOR_BOTTOM:
{ borderTop
: 1, bottom: 0, left: 0, right: 0, height: 32, zIndex
: 10 }
Of course, you can always override the layout property yourself in order to
adjust the height, border and zIndex
values.
Defined in: toolbar.js
- Since:
- SproutCore 1.0
Field Summary
- Fields borrowed from SC.View:
- acceptsFirstResponder, acceptsMultitouch, ariaHidden, attributeBindings, autoMixins, backgroundColor, childViewLayout, childViewLayoutOptions, childViews, childViewsNeedLayout, classNameBindings, concatenatedProperties, createdByParent, designMode, displayProperties, enabledState, firstKeyView, hasLayout, hasTouch, hasVisibility, isBuildingIn, isBuildingOut, isChildViewLayoutLive, isEnabled, isFixedHeight, isFixedPosition, isFixedSize, isFixedWidth, isKeyResponder, isTextSelectable, isView, isVisible, lastKeyView, layerLocationNeedsUpdate, layerNeedsUpdate, layout, modeAdjust, nextKeyView, page, pane, parentView, previousKeyView, shouldInheritCursor, shouldInheritEnabled, tagName, themeName, toolTip, touchBoundary, transitionAdjust, transitionAdjustOptions, transitionHide, transitionHideOptions, transitionIn, transitionInOptions, transitionOut, transitionOutOptions, transitionShow, transitionShowOptions, useStaticLayout
- Fields borrowed from SC.Responder:
- hasFirstResponder, isFirstResponder, responderContext
- Fields borrowed from SC.Object:
- isDestroyed, isObject, nextProperty, object, property, target, toInvalidate
- Fields borrowed from SC.Observable:
- isObservable
- Methods borrowed from SC.View:
- $, adjust, animate, appendChild, applyAttributesToContext, beginLiveResize, borderFrame, buildIn, buildInChild, buildInDidCancel, buildInDidFinish, buildInDidFinishFor, buildOut, buildOutChild, buildOutDidCancel, buildOutDidFinish, cancelAnimation, clippingFrame, computeFrameWithParentFrame, computeParentDimensions, containerLayer, contextMenu, convertFrameFromView, convertFrameToView, createChildView, createChildViews, createLayer, cursor, destroy, destroyLayer, didBecomeKeyResponderFrom, didLoseKeyResponderTo, displayDidChange, displayToolTip, emitDesign, encodeDesign, endLiveResize, findLayerInParentLayer, frame, init, insertBefore, insertText, interpretKeyEvents, invokeRenderDelegateMethod, isContextMenuEnabled, isDescendantOf, isEnabledInPane, isFixedLayout, layer, layerId, layerIdDidChange, layoutChildViews, layoutChildViewsIfNeeded, layoutDidChange, layoutDidChangeFor, layoutStyle, layoutView, nextResponder, nextValidKeyView, owner, parentViewDidChange, parentViewDidResize, performKeyEquivalent, previousValidKeyView, propertyDidChange, recomputeIsVisibleInWindow, removeAllChildren, removeChild, removeChildAndDestroy, removeFromParent, render, renderChildViews, renderContext, renderDelegate, renderDelegateProxy, renderLayout, replaceAllChildren, replaceChild, replaceLayer, resetAnimation, resetBuild, resetBuildState, respondsTo, scrollToVisible, selectStart, theme, touchIsInBoundary, tryToPerform, updateDesignMode, updateLayer, updateLayerIfNeeded, updateLayerLocation, updateLayerLocationIfNeeded, updateLayout, viewDidResize, willBecomeKeyResponderFrom, willLoseKeyResponderTo
- Methods borrowed from SC.Responder:
- becomeFirstResponder, didBecomeFirstResponder, resignFirstResponder, willLoseFirstResponder
- Methods borrowed from SC.Object:
- activate, awake, deactivate, instanceOf, invokeLast, invokeLater, invokeNext, invokeOnce, invokeOnceLater, invokeWith, kindOf, mixin, notifyPropertyDidChange, superclass, toString
- Methods borrowed from SC.Observable:
- addObserver, addObservesHandler, addProbe, allPropertiesDidChange, automaticallyNotifiesObserversFor, beginPropertyChanges, bind, decrementProperty, destroyObservable, didChangeFor, endPropertyChanges, get, getEach, getPath, hasObserverFor, incrementProperty, initObservable, logProperty, notifyPropertyChange, observersForKey, propertyWillChange, registerDependentKey, removeObserver, removeObservesHandler, removeProbe, set, setIfChanged, setPath, setPathIfChanged, toggleProperty, unknownProperty
Field Detail
anchorLocation StringDefault anchor location. This will be applied automatically to the toolbar layout if you set it. Possible values:
SC.ANCHOR_TOP
SC.ANCHOR_LEFT
SC.ANCHOR_TOP_LEFT
SC.ANCHOR_BOTTOM
SC.ANCHOR_RIGHT
SC.ANCHOR_BOTTOM_RIGHT
- Default value:
- null
- Default value:
- 'toolbar'
- Default value:
- ['sc-toolbar-view']
- See:
- SC.View#classNames
- Default value:
- 'toolbarRenderDelegate'