Class: SC.TabView


Extends SC.View.

Incorporates a segmented view and a container view to display the selected tab. Provide an array of items, which will be passed onto the segmented view.

Defined in: tab.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

containerView SC.View

The containerView managed by this tab view. Note that TabView uses a custom container view. You can access this view but you cannot change it.

Default value:
SC.ContainerView
itemIconKey String
Default value:
null
itemIsEnabledKey String
Default value:
null
items Array

The list of items for the SegmentedView, and specifying the associated view to display. For example:

items: [ { title: "Tab 1", value: "MyApp.tabsPage.view1" }, { title: "Tab 2", value: "MyApp.tabsPage.view2" } ]

(Note that if needed you can specify the item keys by specifying `itemTitleKey`, `itemValueKey`, et
cetera, on your TabView.)
Default value:
[]
itemTitleKey String
Default value:
null
itemToolTipKey String
Default value:
null
itemValueKey String
Default value:
null
itemWidthKey String
Default value:
null
nowShowing String

Set nowShowing with the view you want to display. (You may specify globally-accessible views like MyApp.tabsPage.myTabView, local views defined on the TabView itself like myLocalTabView, or deep local views like .myLocalPage.myTabView.)

Default value:
null
segmentedView SC.View
Default value:
SC.SegmentedView
tabHeight Number
Default value:
SC.REGULAR_BUTTON_HEIGHT
tabLocation String

Possible values:

  • SC.TOP_LOCATION
  • SC.TOP_TOOLBAR_LOCATION
  • SC.BOTTOM_LOCATION
Default value:
SC.TOP_LOCATION
userDefaultKey String

If set, then the tab location will be automatically saved in the user defaults. Browsers that support localStorage will automatically store this information locally.

Default value:
null
Documentation generated by JsDoc Toolkit 2.4.0 on Tue Feb 03 2015 13:12:20 GMT+0100 (CET)