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
- containerView
- itemIconKey
- itemIsEnabledKey
- items
- itemTitleKey
- itemToolTipKey
- itemValueKey
- itemWidthKey
- nowShowing
- segmentedView
- tabHeight
- tabLocation
- userDefaultKey
- Fields borrowed from SC.View:
- acceptsFirstResponder, acceptsMultitouch, ariaHidden, ariaRole, attributeBindings, autoMixins, backgroundColor, childViewLayout, childViewLayoutOptions, childViews, childViewsNeedLayout, classNameBindings, classNames, 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, renderDelegateName, 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
Field Detail
containerView SC.ViewThe 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
- Default value:
- null
- Default value:
- null
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:
- []
- Default value:
- null
- Default value:
- null
- Default value:
- null
- Default value:
- null
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
- Default value:
- SC.SegmentedView
- Default value:
- SC.REGULAR_BUTTON_HEIGHT
Possible values:
SC.TOP_LOCATIONSC.TOP_TOOLBAR_LOCATIONSC.BOTTOM_LOCATION
- Default value:
- SC.TOP_LOCATION
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