sap.m.Page.extend(sClassName, oClassInfo?, FNMetaImpl?): function
Creates a new subclass of class sap.m.Page with name
sClassName
and enriches it with the information contained in
oClassInfo
.
oClassInfo
might contain the same kind of information as described in sap.ui.core.Control.extend.
Parameters:
{string} | sClassName | Name of the class being created |
{object} | oClassInfo? | Object literal with information about the class |
{function} | FNMetaImpl? | Constructor function for the metadata object; if not given, it defaults to sap.ui.core.ElementMetadata |
Returns:
{function} | Created class / constructor function |
Returns a metadata object for class sap.m.Page.
Returns:
Adds some content to the aggregation content
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Adds some headerContent to the aggregation headerContent
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
attachNavButtonPress
(oData?, fnFunction, oListener?): sap.m.Page Attaches event handler
fnFunction
to the
navButtonPress
event of this
sap.m.Page
.
When called, the context of the event handler (its this
) will be bound to oListener
if specified, otherwise it will be bound to this sap.m.Page
itself.
this event is fired when Nav Button is pressed
Parameters:
{object} | oData? | An application-specific payload object that will be passed to the event handler along with the event object when firing the event |
{function} | fnFunction | The function to be called when the event occurs |
{object} | oListener? | Context object to call the event handler with. Defaults to this sap.m.Page itself |
- Since:
- 1.12.2
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys all the content in the aggregation content
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys the customHeader in the aggregation customHeader
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys the footer in the aggregation footer
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys all the headerContent in the aggregation headerContent
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys the landmarkInfo in the aggregation landmarkInfo
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Destroys the subHeader in the aggregation subHeader
.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
detachNavButtonPress
(fnFunction, oListener): sap.m.Page Detaches event handler
fnFunction
from the
navButtonPress
event of this
sap.m.Page
.
The passed function and listener object must match the ones used for event registration.
Parameters:
{function} | fnFunction | The function to be called, when the event occurs |
{object} | oListener | Context object on which the given function had to be called |
- Since:
- 1.12.2
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Fires event navButtonPress
to attached listeners.
Parameters:
{Map} | mArguments? | The arguments to pass along with the event |
- Since:
- 1.12.2
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Gets current value of property
backgroundDesign
.
This property is used to set the background color of a page. When a list is placed inside a page, the value "List" should be used to display a gray background. "Standard", with the value white, is used as default if not specified.
Default value is Standard
.
Returns:
Gets content of aggregation
content
.
The content of this page
Returns:
getContentOnlyBusy(): boolean
Gets current value of property
contentOnlyBusy
.
Decides which area is covered by the local BusyIndicator when page.setBusy()
is called. By default the entire page is covered, including headers and footer. When this property is set to "true", only the content area is covered (not header/sub header and footer), which is useful e.g. when there is a SearchField in the sub header and live search continuously updates the content area while the user is still able to type.
Default value is false
.
- Since:
- 1.29.0
Returns:
{boolean} | Value of property contentOnlyBusy |
Gets content of aggregation
customHeader
.
The (optional) custom header of this page. Use this aggregation only when a custom header is constructed where the default header consisting of title text + nav button is not sufficient. If this aggregation is set, the simple properties "title", "showNavButton", "NavButtonText" and "icon" are not used.
Returns:
getEnableScrolling(): boolean
Gets current value of property
enableScrolling
.
Enable vertical scrolling of page contents. Page headers and footers are fixed and do not scroll. If set to false, there will be no vertical scrolling at all.
The Page only allows vertical scrolling because horizontal scrolling is discouraged in general for full-page content. If it still needs to be achieved, disable the Page scrolling and use a ScrollContainer as full-page content of the Page. This allows you to freely configure scrolling. It can also be used to create horizontally-scrolling sub-areas of (vertically-scrolling) Pages.
Default value is true
.
Returns:
{boolean} | Value of property enableScrolling |
Gets content of aggregation
footer
.
The (optional) footer of this page. It is always located at the bottom of the page
Returns:
Gets content of aggregation
headerContent
.
Controls to be added to the right side of the page header. Usually an application would use Button controls and limit the number to one when the application needs to run on smartphones. There is no automatic overflow handling when the space is insufficient. When a customHeader is used, this aggregation will be ignored.
Returns:
Gets content of aggregation
landmarkInfo
.
Accessible landmark settings to be applied on the containers of the sap.m.Page
control.
If not set, no landmarks will be written.
Returns:
getNavButtonTooltip(): string
Gets current value of property
navButtonTooltip
.
The tooltip of the nav button
Since version 1.34
Returns:
{string} | Value of property navButtonTooltip |
getShowFooter(): boolean
Gets current value of property
showFooter
.
Whether this page shall have a footer
Default value is true
.
- Since:
- 1.13.1
Returns:
{boolean} | Value of property showFooter |
getShowHeader(): boolean
Gets current value of property
showHeader
.
Whether this page shall have a header. If set to true, either the control under the "customHeader" aggregation is used, or if there is no such control, a Header control is constructed from the properties "title", "showNavButton", "navButtonText" and "icon" depending on the platform.
Default value is true
.
Returns:
{boolean} | Value of property showHeader |
getShowNavButton(): boolean
Gets current value of property
showNavButton
.
A nav button will be rendered on the left area of header bar if this property is set to true.
Default value is false
.
Returns:
{boolean} | Value of property showNavButton |
getShowSubHeader(): boolean
Gets current value of property
showSubHeader
.
Whether this page shall show the subheader.
Default value is true
.
- Since:
- 1.28
Returns:
{boolean} | Value of property showSubHeader |
Gets content of aggregation
subHeader
.
a subHeader will be rendered directly under the header
Returns:
getTitle(): string
Gets current value of property
title
.
The title text appearing in the page header bar.
Returns:
{string} | Value of property title |
Gets current value of property
titleLevel
.
Defines the semantic level of the title. Using "Auto" no explicit level information is written. Used for accessibility purposes only.
Default value is Auto
.
Returns:
indexOfContent(oContent): int
Checks for the provided sap.ui.core.Control
in the aggregation content
. and returns its index if found or -1 otherwise.
Parameters:
Returns:
{int} | The index of the provided control in the aggregation if found, or -1 otherwise |
indexOfHeaderContent(oHeaderContent): int
Checks for the provided sap.ui.core.Control
in the aggregation headerContent
. and returns its index if found or -1 otherwise.
Parameters:
Returns:
{int} | The index of the provided control in the aggregation if found, or -1 otherwise |
Inserts a content into the aggregation content
.
Parameters:
{sap.ui.core.Control} | oContent | the content to insert; if empty, nothing is inserted |
{int} | iIndex | the 0 -based index the content should be inserted at; for a negative value of iIndex , the content is inserted at position 0; for a value greater than the current size of the aggregation, the content is inserted at the last position |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
insertHeaderContent
(oHeaderContent, iIndex): sap.m.Page Inserts a headerContent into the aggregation headerContent
.
Parameters:
{sap.ui.core.Control} | oHeaderContent | the headerContent to insert; if empty, nothing is inserted |
{int} | iIndex | the 0 -based index the headerContent should be inserted at; for a negative value of iIndex , the headerContent is inserted at position 0; for a value greater than the current size of the aggregation, the headerContent is inserted at the last position |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Removes all the controls from the aggregation
content
.
Additionally, it unregisters them from the hosting UIArea.
Returns:
Removes all the controls from the aggregation
headerContent
.
Additionally, it unregisters them from the hosting UIArea.
Returns:
Removes a content from the aggregation content
.
Parameters:
Returns:
Removes a headerContent from the aggregation headerContent
.
Parameters:
Returns:
Scrolls to the given position. Only available if enableScrolling is set to "true".
Parameters:
{int} | y | The vertical pixel position to scroll to. Scrolling down happens with positive values. |
{int} | time | The duration of animated scrolling. To scroll immediately without animation, give 0 as value. 0 is also the default value, when this optional parameter is omitted. |
Returns:
Scrolls to an element(DOM or sap.ui.core.Element) within the page if the element is rendered.
Parameters:
{HTMLElement|sap.ui.core.Element} | oElement | The element to which should be scrolled. |
{int} | iTime? | The duration of animated scrolling. To scroll immediately without animation, give 0 as value or leave it default. |
- Since:
- 1.30
Returns:
setBackgroundDesign
(sBackgroundDesign): sap.m.Page Sets a new value for property
backgroundDesign
.
This property is used to set the background color of a page. When a list is placed inside a page, the value "List" should be used to display a gray background. "Standard", with the value white, is used as default if not specified.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Standard
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
contentOnlyBusy
.
Decides which area is covered by the local BusyIndicator when page.setBusy()
is called. By default the entire page is covered, including headers and footer. When this property is set to "true", only the content area is covered (not header/sub header and footer), which is useful e.g. when there is a SearchField in the sub header and live search continuously updates the content area while the user is still able to type.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
Parameters:
{boolean} | bContentOnlyBusy | New value for property contentOnlyBusy |
- Since:
- 1.29.0
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
enableScrolling
.
Enable vertical scrolling of page contents. Page headers and footers are fixed and do not scroll. If set to false, there will be no vertical scrolling at all.
The Page only allows vertical scrolling because horizontal scrolling is discouraged in general for full-page content. If it still needs to be achieved, disable the Page scrolling and use a ScrollContainer as full-page content of the Page. This allows you to freely configure scrolling. It can also be used to create horizontally-scrolling sub-areas of (vertically-scrolling) Pages.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
Parameters:
{boolean} | bEnableScrolling | New value for property enableScrolling |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets the aggregated footer
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets the aggregated landmarkInfo
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
setNavButtonTooltip
(sNavButtonTooltip): sap.m.Page Sets a new value for property
navButtonTooltip
.
The tooltip of the nav button
Since version 1.34
When called with a value of null
or undefined
, the default value of the property will be restored.
Parameters:
{string} | sNavButtonTooltip | New value for property navButtonTooltip |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
showFooter
.
Whether this page shall have a footer
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
Parameters:
{boolean} | bShowFooter | New value for property showFooter |
- Since:
- 1.13.1
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
showHeader
.
Whether this page shall have a header. If set to true, either the control under the "customHeader" aggregation is used, or if there is no such control, a Header control is constructed from the properties "title", "showNavButton", "navButtonText" and "icon" depending on the platform.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
Parameters:
{boolean} | bShowHeader | New value for property showHeader |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
showNavButton
.
A nav button will be rendered on the left area of header bar if this property is set to true.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
Parameters:
{boolean} | bShowNavButton | New value for property showNavButton |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
showSubHeader
.
Whether this page shall show the subheader.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
Parameters:
{boolean} | bShowSubHeader | New value for property showSubHeader |
- Since:
- 1.28
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets the aggregated subHeader
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
title
.
The title text appearing in the page header bar.
When called with a value of null
or undefined
, the default value of the property will be restored.
Parameters:
{string} | sTitle | New value for property title |
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
titleLevel
.
Defines the semantic level of the title. Using "Auto" no explicit level information is written. Used for accessibility purposes only.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Auto
.
Parameters:
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
attachNavButtonTap
(oData?, fnFunction, oListener?): sap.m.Page Attaches event handler
fnFunction
to the
navButtonTap
event of this
sap.m.Page
.
When called, the context of the event handler (its this
) will be bound to oListener
if specified, otherwise it will be bound to this sap.m.Page
itself.
this event is fired when Nav Button is tapped
Parameters:
{object} | oData? | An application-specific payload object that will be passed to the event handler along with the event object when firing the event |
{function} | fnFunction | The function to be called when the event occurs |
{object} | oListener? | Context object to call the event handler with. Defaults to this sap.m.Page itself |
- Deprecated:
- Since version 1.12.2. the navButtonPress event is replacing this event
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
detachNavButtonTap
(fnFunction, oListener): sap.m.Page Detaches event handler
fnFunction
from the
navButtonTap
event of this
sap.m.Page
.
The passed function and listener object must match the ones used for event registration.
Parameters:
{function} | fnFunction | The function to be called, when the event occurs |
{object} | oListener | Context object on which the given function had to be called |
- Deprecated:
- Since version 1.12.2. the navButtonPress event is replacing this event
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Fires event navButtonTap
to attached listeners.
Parameters:
{Map} | mArguments? | The arguments to pass along with the event |
- Deprecated:
- Since version 1.12.2. the navButtonPress event is replacing this event
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Gets current value of property
icon
.
the icon that is rendered in the page header bar in non-iOS phone/tablet platforms. This property is theme-dependent and only has an effect in the MVI theme.
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property only affected the NavButton in that theme.
Returns:
getNavButtonText(): string
Gets current value of property
navButtonText
.
The text of the nav button when running in iOS (if shown) in case it deviates from the default, which is "Back". This property is mvi-theme-dependent and will not have any effect in other themes.
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property only affected the NavButton in that theme.
Returns:
{string} | Value of property navButtonText |
Gets current value of property
navButtonType
.
This property is used to set the appearance of the NavButton. By default when showNavButton is set to true, a back button will be shown in iOS and an up button in other platforms. In case you want to show a normal button in the left header area, you can set the value to "Default".
Default value is Back
.
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property is only usable with a Button text in that theme.
- Since:
- 1.12
Returns:
Sets a new value for property
icon
.
the icon that is rendered in the page header bar in non-iOS phone/tablet platforms. This property is theme-dependent and only has an effect in the MVI theme.
When called with a value of null
or undefined
, the default value of the property will be restored.
Parameters:
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property only affected the NavButton in that theme.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
navButtonText
.
The text of the nav button when running in iOS (if shown) in case it deviates from the default, which is "Back". This property is mvi-theme-dependent and will not have any effect in other themes.
When called with a value of null
or undefined
, the default value of the property will be restored.
Parameters:
{string} | sNavButtonText | New value for property navButtonText |
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property only affected the NavButton in that theme.
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |
Sets a new value for property
navButtonType
.
This property is used to set the appearance of the NavButton. By default when showNavButton is set to true, a back button will be shown in iOS and an up button in other platforms. In case you want to show a normal button in the left header area, you can set the value to "Default".
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Back
.
Parameters:
- Deprecated:
- Since version 1.20. Deprecated since the MVI theme is removed now. This property is only usable with a Button text in that theme.
- Since:
- 1.12
Returns:
{sap.m.Page} | Reference to this in order to allow method chaining |