Class: SC.PanelPane
Extends
SC.Pane.
Most SproutCore applications need modal panels. The default way to use the panel pane is to simply add it to your page like this:
SC.PanelPane.create({
layout: { width: 400, height: 200, centerX: 0, centerY: 0 },
contentView: SC.View.extend({
})
}).append();
This will cause your panel to display. The default layout for a Panel is to cover the entire document window with a semi-opaque background, and to resize with the window.
Defined in: panel.js
- Since:
- SproutCore 1.0
Field Summary
- acceptsKeyPane
- ariaDescribedBy
- ariaLabel
- ariaLabelledBy
- ariaRole
- classNames
- contentView
- isModal
- isPanelPane
- modalPane
- renderDelegateName
- Fields borrowed from SC.Pane:
- currentWindowSize, firstResponder, isKeyPane, isMainPane, isPane, page, rootResponder, touchZ, wantsTouchIntercept, zIndex
- 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, 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
Instance Methods
- contentViewDidChange()
- destroy()
- didAppendToDocument()
- didShowInDocument()
- replaceContent(newContent)
- willHideInDocument()
- willRemoveFromDocument()
Field Detail
acceptsKeyPane Boolean- Default value:
- YES
- See:
- SC.Pane#acceptsKeyPane
The WAI-ARIA describedby text. Screen readers will use this to speak the description of the panel. This should be an id to an element inside the panel.
The WAI-ARIA label for the panel. Screen readers will use this to tell the user a name for the panel.
The WAI-ARIA labelledby for the panel. Screen readers will use this to tell the header or name of your panel if there is no label. This should be an id to an element inside the panel.
- Default value:
- 'dialog'
- Default value:
- ['sc-panel']
- See:
- SC.View#classNames
- Default value:
- null
Indicates that a pane is modal and should not allow clicks to pass
though to panes underneath it. This will usually cause the pane to show
the modalPane
underneath it.
- Default value:
- YES
The modal pane to place behind this pane if this pane is modal. This
must be a subclass or an instance of SC.ModalPane.
- Default value:
- 'panelRenderDelegate'
Instance Method Detail
Invoked whenever the content property changes. This method will simply
call replaceContent
. Override replaceContent
to change how the view is
swapped out.
- Parameters:
- newContent SC.View