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

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 Wed Apr 08 2015 10:02:21 GMT-0600 (CST)