Class sap.tnt.SideNavigationModule: sap/tnt/SideNavigation

extends Control

The SideNavigation control is a container, which consists of flexible and fixed parts on top of each other. The flexible part adapts its size to the fixed one. The flexible part has a scrollbar when the content is larger than the available space. Whenever the height of the whole control is less than 256 pixels, the scrollbar becomes joint for the two parts.

Note: In order for the SideNavigation to stretch properly, its parent layout control should only be the sap.tnt.ToolPage.


Since: 1.34.
Constructor Summary
new sap.tnt.SideNavigation(sId?, mSettings?)Constructor for a new SideNavigation.
Event Summary
itemSelect(oControlEvent)Fired when an item is selected.
Events borrowed from class sap.ui.core.Control
validateFieldGroup
Events borrowed from class sap.ui.base.ManagedObject
formatError, modelContextChange, parseError, validationError, validationSuccess
Method Summary
sap.tnt.SideNavigation.extend(sClassName, oClassInfo?, FNMetaImpl?)Creates a new subclass of class sap.tnt.SideNavigation with name sClassName and enriches it with the information contained in oClassInfo.
sap.tnt.SideNavigation.getMetadata()Returns a metadata object for class sap.tnt.SideNavigation.
attachItemSelect(oData?, fnFunction, oListener?)Attaches event handler fnFunction to the itemSelect event of this sap.tnt.SideNavigation.
bindItem(oBindingInfo)Binds aggregation item to model data.
destroyFixedItem()Destroys the fixedItem in the aggregation fixedItem.
destroyFooter()Destroys the footer in the aggregation footer.
destroyItem()Destroys the item in the aggregation item.
detachItemSelect(fnFunction, oListener)Detaches event handler fnFunction from the itemSelect event of this sap.tnt.SideNavigation.
fireItemSelect(mArguments?)Fires event itemSelect to attached listeners.
getExpanded()Gets current value of property expanded.
getFixedItem()Gets content of aggregation fixedItem.
getFooter()Gets content of aggregation footer.
getItem()Gets content of aggregation item.
setFixedItem(oFixedItem)Sets the aggregated fixedItem.
setFooter(oFooter)Sets the aggregated footer.
setItem(oItem)Sets the aggregated item.
unbindItem()Unbinds aggregation item from model data.
Methods borrowed from class sap.ui.core.Control
addStyleClass, allowTextSelection, attachBrowserEvent, attachValidateFieldGroup, checkFieldGroupIds, clone, detachBrowserEvent, detachValidateFieldGroup, fireValidateFieldGroup, getAccessibilityInfo, getBusy, getBusyIndicatorDelay, getControlsByFieldGroupId, getFieldGroupIds, getIdForLabel, getRenderer, getVisible, hasStyleClass, invalidate, isBusy, placeAt, removeStyleClass, rerender, setBusy, setBusyIndicatorDelay, setFieldGroupIds, setVisible, toggleStyleClass, triggerValidateFieldGroup
Methods borrowed from class sap.ui.core.Element
$, addCustomData, addDependent, addEventDelegate, applyFocusInfo, bindElement, data, destroy, destroyCustomData, destroyDependents, destroyLayoutData, destroyTooltip, enhanceAccessibilityState, findElements, fireEvent, focus, getCustomData, getDependents, getDomRef, getElementBinding, getFocusDomRef, getFocusInfo, getInterface, getLayoutData, getMetadata, getTooltip, getTooltip_AsString, getTooltip_Text, indexOfCustomData, indexOfDependent, init, insertCustomData, insertDependent, prop, removeAllCustomData, removeAllDependents, removeCustomData, removeDependent, removeEventDelegate, setLayoutData, setTooltip, toString, unbindElement
Methods borrowed from class sap.ui.base.ManagedObject
addAggregation, addAssociation, applySettings, attachFormatError, attachModelContextChange, attachParseError, attachValidationError, attachValidationSuccess, bindAggregation, bindContext, bindObject, bindProperty, destroyAggregation, detachFormatError, detachModelContextChange, detachParseError, detachValidationError, detachValidationSuccess, findAggregatedObjects, fireFormatError, fireModelContextChange, fireParseError, fireValidationError, fireValidationSuccess, getAggregation, getAssociation, getBinding, getBindingContext, getBindingInfo, getBindingPath, getEventingParent, getId, getModel, getObjectBinding, getOriginInfo, getParent, getProperty, hasModel, indexOfAggregation, insertAggregation, isBound, isInvalidateSuppressed, isTreeBinding, propagateMessages, removeAggregation, removeAllAggregation, removeAllAssociation, removeAssociation, setAggregation, setAssociation, setBindingContext, setModel, setProperty, unbindAggregation, unbindContext, unbindObject, unbindProperty, validateAggregation, validateProperty
Methods borrowed from class sap.ui.base.EventProvider
attachEvent, attachEventOnce, detachEvent, hasListeners
Constructor Detail
new sap.tnt.SideNavigation(sId?, mSettings?)
Constructor for a new SideNavigation.

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
  • Aggregations
    • item : sap.tnt.NavigationList (default)
    • fixedItem : sap.tnt.NavigationList
    • footer : sap.tnt.NavigationList
  • Events
    • itemSelect : 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.

Parameters:
{string}sId? ID for the new control, generated automatically if no ID is given
{object}mSettings? Initial settings for the new control
Event Detail
itemSelect(oControlEvent)
Fired when an item is selected.
Parameters:
{sap.ui.base.Event}oControlEvent
{sap.ui.base.EventProvider}oControlEvent.getSource
{object}oControlEvent.getParameters
{sap.ui.core.Item}oControlEvent.getParameters.item The selected item.
Method Detail
sap.tnt.SideNavigation.extend(sClassName, oClassInfo?, FNMetaImpl?): function
Creates a new subclass of class sap.tnt.SideNavigation 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
sap.tnt.SideNavigation.getMetadata(): sap.ui.base.Metadata
Returns a metadata object for class sap.tnt.SideNavigation.
Returns:
{sap.ui.base.Metadata} Metadata object describing this class
attachItemSelect(oData?, fnFunction, oListener?): sap.tnt.SideNavigation
Attaches event handler fnFunction to the itemSelect event of this sap.tnt.SideNavigation.

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.tnt.SideNavigation itself.

Fired when an item is selected.

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.tnt.SideNavigation itself
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
bindItem(oBindingInfo): sap.tnt.SideNavigation
Binds aggregation item to model data.

See ManagedObject.bindAggregation for a detailed description of the possible properties of oBindingInfo.

Parameters:
{object}oBindingInfo The binding information
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
destroyFixedItem(): sap.tnt.SideNavigation
Destroys the fixedItem in the aggregation fixedItem.
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
destroyFooter(): sap.tnt.SideNavigation
Destroys the footer in the aggregation footer.
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
destroyItem(): sap.tnt.SideNavigation
Destroys the item in the aggregation item.
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
detachItemSelect(fnFunction, oListener): sap.tnt.SideNavigation
Detaches event handler fnFunction from the itemSelect event of this sap.tnt.SideNavigation.

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
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
fireItemSelect(mArguments?): sap.tnt.SideNavigation
Fires event itemSelect to attached listeners.

Expects the following event parameters:

  • item of type sap.ui.core.ItemThe selected item.
Parameters:
{Map}mArguments? The arguments to pass along with the event
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
getExpanded(): boolean
Gets current value of property expanded.

Specifies if the control is expanded.

Default value is true.

Returns:
{boolean} Value of property expanded
getFixedItem(): sap.tnt.NavigationList
Gets content of aggregation fixedItem.

Defines the content inside the fixed part.

Returns:
{sap.tnt.NavigationList}
getFooter(): sap.tnt.NavigationList
Gets content of aggregation footer.

Defines the content inside the footer.

Returns:
{sap.tnt.NavigationList}
getItem(): sap.tnt.NavigationList
Gets content of aggregation item.

Defines the content inside the flexible part.

Returns:
{sap.tnt.NavigationList}
setFixedItem(oFixedItem): sap.tnt.SideNavigation
Sets the aggregated fixedItem.
Parameters:
{sap.tnt.NavigationList}oFixedItem The fixedItem to set
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
setFooter(oFooter): sap.tnt.SideNavigation
Sets the aggregated footer.
Parameters:
{sap.tnt.NavigationList}oFooter The footer to set
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
setItem(oItem): sap.tnt.SideNavigation
Sets the aggregated item.
Parameters:
{sap.tnt.NavigationList}oItem The item to set
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining
unbindItem(): sap.tnt.SideNavigation
Unbinds aggregation item from model data.
Returns:
{sap.tnt.SideNavigation} Reference to this in order to allow method chaining