Class sap.uxap.ObjectPageHeaderModule: sap/uxap/ObjectPageHeader
ObjectPageHeader represents the static part of an Object page header. Typically used to display the basic information about a business object, such as title/description/picture, as well as a list of common actions.
Since: 1.26.
sClassName
and enriches it with the information contained in oClassInfo
.fnFunction
to the markChangesPress
event of this sap.uxap.ObjectPageHeader
.fnFunction
to the markLockedPress
event of this sap.uxap.ObjectPageHeader
.fnFunction
to the titleSelectorPress
event of this sap.uxap.ObjectPageHeader
.fnFunction
from the markChangesPress
event of this sap.uxap.ObjectPageHeader
.fnFunction
from the markLockedPress
event of this sap.uxap.ObjectPageHeader
.fnFunction
from the titleSelectorPress
event of this sap.uxap.ObjectPageHeader
.sap.m.Link
in the aggregation breadCrumbsLinks
.breadCrumbsLinks
.breadCrumbsLinks
.isActionAreaAlwaysVisible
.isObjectIconAlwaysVisible
.isObjectSubtitleAlwaysVisible
.isObjectTitleAlwaysVisible
.objectImageDensityAware
. Accepts an object literal mSettings
that defines initial property values, aggregated and associated objects as well as event handlers. See sap.ui.base.ManagedObject for a general description of the syntax of the settings object.
The supported settings are:
- Properties
- objectImageURI : string
- objectImageAlt : string (default: )
- objectImageDensityAware : boolean (default: false)
- objectTitle : string
- objectSubtitle : string
- objectImageShape : sap.uxap.ObjectPageHeaderPictureShape (default: Square)
- isObjectIconAlwaysVisible : boolean (default: false)
- isObjectTitleAlwaysVisible : boolean (default: true)
- isObjectSubtitleAlwaysVisible : boolean (default: true)
- isActionAreaAlwaysVisible : boolean (default: true)
- headerDesign : sap.uxap.ObjectPageHeaderDesign (default: Light)
- showTitleSelector : boolean (default: false)
- markFavorite : boolean (default: false)
- markFlagged : boolean (default: false)
- showMarkers : boolean (default: false)
- markLocked : boolean (default: false)
- showPlaceholder : boolean (default: false)
- markChanges : boolean (default: false)
- Aggregations
- breadCrumbsLinks : sap.m.Link[]
- navigationBar : sap.m.Bar
- actions : sap.ui.core.Control[] (default)
- sideContentButton : sap.m.Button
- Events
- titleSelectorPress : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
- markLockedPress : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
- markChangesPress : fnListenerFunction or [fnListenerFunction, oListenerObject] or [oData, fnListenerFunction, oListenerObject]
In addition, all settings applicable to the base type sap.ui.core.Control can be used as well.
{string} | sId? | id for the new control, generated automatically if no id is given |
{object} | mSettings? | initial settings for the new control |
{sap.ui.base.Event} | oControlEvent | |
{sap.ui.base.EventProvider} | oControlEvent.getSource | |
{object} | oControlEvent.getParameters | |
{string} | oControlEvent.getParameters.domRef | DOM reference of the changed item's icon to be used for positioning. |
{sap.ui.base.Event} | oControlEvent | |
{sap.ui.base.EventProvider} | oControlEvent.getSource | |
{object} | oControlEvent.getParameters | |
{string} | oControlEvent.getParameters.domRef | DOM reference of the lock item's icon to be used for positioning. |
{sap.ui.base.Event} | oControlEvent | |
{sap.ui.base.EventProvider} | oControlEvent.getSource | |
{object} | oControlEvent.getParameters | |
{string} | oControlEvent.getParameters.domRef | DOM reference of the title item's icon to be used for positioning. |
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.
{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 |
{function} | Created class / constructor function |
{sap.ui.base.Metadata} | Metadata object describing this class |
actions
. {sap.ui.core.Control} | oAction | the action to add; if empty, nothing is inserted |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
breadCrumbsLinks
. {sap.m.Link} | oBreadCrumbLink | the breadCrumbLink to add; if empty, nothing is inserted |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
to the markChangesPress
event of this sap.uxap.ObjectPageHeader
. 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.uxap.ObjectPageHeader
itself.
The event is fired when the unsaved changes button is pressed
{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.uxap.ObjectPageHeader itself |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
to the markLockedPress
event of this sap.uxap.ObjectPageHeader
. 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.uxap.ObjectPageHeader
itself.
The event is fired when the Locked button is pressed
{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.uxap.ObjectPageHeader itself |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
to the titleSelectorPress
event of this sap.uxap.ObjectPageHeader
. 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.uxap.ObjectPageHeader
itself.
The event is fired when the objectPage header title selector (down-arrow) is pressed
{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.uxap.ObjectPageHeader itself |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
actions
. {sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
breadCrumbsLinks
. {sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
navigationBar
. {sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
sideContentButton
. - Since:
- 1.38.0
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
from the markChangesPress
event of this sap.uxap.ObjectPageHeader
. The passed function and listener object must match the ones used for event registration.
{function} | fnFunction | The function to be called, when the event occurs |
{object} | oListener | Context object on which the given function had to be called |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
from the markLockedPress
event of this sap.uxap.ObjectPageHeader
. The passed function and listener object must match the ones used for event registration.
{function} | fnFunction | The function to be called, when the event occurs |
{object} | oListener | Context object on which the given function had to be called |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
fnFunction
from the titleSelectorPress
event of this sap.uxap.ObjectPageHeader
. The passed function and listener object must match the ones used for event registration.
{function} | fnFunction | The function to be called, when the event occurs |
{object} | oListener | Context object on which the given function had to be called |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markChangesPress
to attached listeners. Expects the following event parameters:
domRef
of typestring
DOM reference of the changed item's icon to be used for positioning.
{Map} | mArguments? | The arguments to pass along with the event |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markLockedPress
to attached listeners. Expects the following event parameters:
domRef
of typestring
DOM reference of the lock item's icon to be used for positioning.
{Map} | mArguments? | The arguments to pass along with the event |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
titleSelectorPress
to attached listeners. Expects the following event parameters:
domRef
of typestring
DOM reference of the title item's icon to be used for positioning.
{Map} | mArguments? | The arguments to pass along with the event |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
actions
. List of actions that will be displayed in the header. You can use ObjectPageHeaderActionButton controls to achieve a different visual representation of the action buttons in the action bar and the action sheet (overflow menu). You can use ObjectPageHeaderLayoutData to display a visual separator.
{sap.ui.core.Control[]} |
breadCrumbsLinks
. A list of all the active link elements in the BreadCrumbs control.
{sap.m.Link[]} |
headerDesign
. Determines the design of the header - Light or Dark
Default value is Light
.
{sap.uxap.ObjectPageHeaderDesign} | Value of property headerDesign |
isActionAreaAlwaysVisible
. Determines whether the action buttons should always be visible or visible only when the header is snapped.
Default value is true
.
{boolean} | Value of property isActionAreaAlwaysVisible |
isObjectIconAlwaysVisible
. Determines whether the icon should always be visible or visible only when the header is snapped.
Default value is false
.
{boolean} | Value of property isObjectIconAlwaysVisible |
isObjectSubtitleAlwaysVisible
. Determines whether the subtitle should always be visible or visible only when the header is snapped.
Default value is true
.
{boolean} | Value of property isObjectSubtitleAlwaysVisible |
isObjectTitleAlwaysVisible
. Determines whether the title should always be visible or visible only when the header is snapped.
Default value is true
.
{boolean} | Value of property isObjectTitleAlwaysVisible |
markChanges
. Marks that there are unsaved changes in the objectPageHeader. The markChanges state cannot be used together with the markLocked state. If both are set to true, only the locked state will be displayed.
Default value is false
.
- Since:
- 1.34.0
{boolean} | Value of property markChanges |
markFavorite
. Set the favorite state to true or false. The showMarkers property must be true for this property to take effect.
Default value is false
.
{boolean} | Value of property markFavorite |
markFlagged
. Set the flagged state to true or false. The showMarkers property must be true for this property to take effect.
Default value is false
.
{boolean} | Value of property markFlagged |
markLocked
. Set the locked state of the objectPageHeader.
Default value is false
.
{boolean} | Value of property markLocked |
navigationBar
. An instance of sap.m.Bar to be embedded in the header
{sap.m.Bar} |
objectImageAlt
. The text to be used for the Alt and Tooltip attribute of the image, supplied via the objectImageURI property
Default value is .
{string} | Value of property objectImageAlt |
objectImageDensityAware
. The value of densityAware for the image, supplied via the objectImageURI property. See sap.m.Image for more details on densityAware.
Default value is false
.
{boolean} | Value of property objectImageDensityAware |
objectImageShape
. Determines whether the picture should be displayed in a square or with a circle-shaped mask.
Default value is Square
.
{sap.uxap.ObjectPageHeaderPictureShape} | Value of property objectImageShape |
objectImageURI
. The URL of the image, representing the business object
{string} | Value of property objectImageURI |
objectSubtitle
. The description of the object
{string} | Value of property objectSubtitle |
objectTitle
. The title of the object
{string} | Value of property objectTitle |
showMarkers
. Indicates if object page header title supports showing markers such as flagged and favorite.
Default value is false
.
{boolean} | Value of property showMarkers |
showPlaceholder
. Enables support of a placeholder image in case no image is specified or the URL of the provided image is invalid.
Default value is false
.
{boolean} | Value of property showPlaceholder |
showTitleSelector
. When set to true, the selector arrow icon/image is shown and can be pressed.
Default value is false
.
{boolean} | Value of property showTitleSelector |
sideContentButton
. A button that is used for opening the side content of the page or some additional content.
- Since:
- 1.38.0
{sap.m.Button} |
sap.ui.core.Control
in the aggregation actions
. and returns its index if found or -1 otherwise. {sap.ui.core.Control} | oAction | The action whose index is looked for |
{int} | The index of the provided control in the aggregation if found, or -1 otherwise |
sap.m.Link
in the aggregation breadCrumbsLinks
. and returns its index if found or -1 otherwise. {sap.m.Link} | oBreadCrumbLink | The breadCrumbLink whose index is looked for |
{int} | The index of the provided control in the aggregation if found, or -1 otherwise |
actions
. {sap.ui.core.Control} | oAction | the action to insert; if empty, nothing is inserted |
{int} | iIndex | the 0 -based index the action should be inserted at; for a negative value of iIndex , the action is inserted at position 0; for a value greater than the current size of the aggregation, the action is inserted at the last position |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
breadCrumbsLinks
. {sap.m.Link} | oBreadCrumbLink | the breadCrumbLink to insert; if empty, nothing is inserted |
{int} | iIndex | the 0 -based index the breadCrumbLink should be inserted at; for a negative value of iIndex , the breadCrumbLink is inserted at position 0; for a value greater than the current size of the aggregation, the breadCrumbLink is inserted at the last position |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
actions
. {int|string|sap.ui.core.Control} | vAction | The actionto remove or its index or id |
{sap.ui.core.Control} | The removed action or null |
actions
. Additionally, it unregisters them from the hosting UIArea.
{sap.ui.core.Control[]} | An array of the removed elements (might be empty) |
breadCrumbsLinks
. Additionally, it unregisters them from the hosting UIArea.
{sap.m.Link[]} | An array of the removed elements (might be empty) |
breadCrumbsLinks
. {int|string|sap.m.Link} | vBreadCrumbLink | The breadCrumbLinkto remove or its index or id |
{sap.m.Link} | The removed breadCrumbLink or null |
headerDesign
. Determines the design of the header - Light or Dark
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Light
.
{sap.uxap.ObjectPageHeaderDesign} | sHeaderDesign | New value for property headerDesign |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
isActionAreaAlwaysVisible
. Determines whether the action buttons should always be visible or visible only when the header is snapped.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
{boolean} | bIsActionAreaAlwaysVisible | New value for property isActionAreaAlwaysVisible |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
isObjectIconAlwaysVisible
. Determines whether the icon should always be visible or visible only when the header is snapped.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bIsObjectIconAlwaysVisible | New value for property isObjectIconAlwaysVisible |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
isObjectSubtitleAlwaysVisible
. Determines whether the subtitle should always be visible or visible only when the header is snapped.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
{boolean} | bIsObjectSubtitleAlwaysVisible | New value for property isObjectSubtitleAlwaysVisible |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
isObjectTitleAlwaysVisible
. Determines whether the title should always be visible or visible only when the header is snapped.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
{boolean} | bIsObjectTitleAlwaysVisible | New value for property isObjectTitleAlwaysVisible |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markChanges
. Marks that there are unsaved changes in the objectPageHeader. The markChanges state cannot be used together with the markLocked state. If both are set to true, only the locked state will be displayed.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bMarkChanges | New value for property markChanges |
- Since:
- 1.34.0
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markFavorite
. Set the favorite state to true or false. The showMarkers property must be true for this property to take effect.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bMarkFavorite | New value for property markFavorite |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markFlagged
. Set the flagged state to true or false. The showMarkers property must be true for this property to take effect.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bMarkFlagged | New value for property markFlagged |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
markLocked
. Set the locked state of the objectPageHeader.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bMarkLocked | New value for property markLocked |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
objectImageAlt
. The text to be used for the Alt and Tooltip attribute of the image, supplied via the objectImageURI property
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is .
{string} | sObjectImageAlt | New value for property objectImageAlt |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
objectImageDensityAware
. The value of densityAware for the image, supplied via the objectImageURI property. See sap.m.Image for more details on densityAware.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bObjectImageDensityAware | New value for property objectImageDensityAware |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
objectImageShape
. Determines whether the picture should be displayed in a square or with a circle-shaped mask.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is Square
.
{sap.uxap.ObjectPageHeaderPictureShape} | sObjectImageShape | New value for property objectImageShape |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
objectImageURI
. The URL of the image, representing the business object
When called with a value of null
or undefined
, the default value of the property will be restored.
{string} | sObjectImageURI | New value for property objectImageURI |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
objectSubtitle
. The description of the object
When called with a value of null
or undefined
, the default value of the property will be restored.
{string} | sObjectSubtitle | New value for property objectSubtitle |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
showMarkers
. Indicates if object page header title supports showing markers such as flagged and favorite.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bShowMarkers | New value for property showMarkers |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
showPlaceholder
. Enables support of a placeholder image in case no image is specified or the URL of the provided image is invalid.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bShowPlaceholder | New value for property showPlaceholder |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
showTitleSelector
. When set to true, the selector arrow icon/image is shown and can be pressed.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is false
.
{boolean} | bShowTitleSelector | New value for property showTitleSelector |
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |
sideContentButton
. {sap.m.Button} | oSideContentButton | The sideContentButton to set |
- Since:
- 1.38.0
{sap.uxap.ObjectPageHeader} | Reference to this in order to allow method chaining |