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

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 String

Default 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
ariaRole String
The WAI-ARIA role for toolbar view.
Default value:
'toolbar'
classNames Array
Default value:
['sc-toolbar-view']
See:
SC.View#classNames
renderDelegateName String
Default value:
'toolbarRenderDelegate'
Documentation generated by JsDoc Toolkit 2.4.0 on Tue Feb 03 2015 13:12:21 GMT+0100 (CET)