This page is giving short introduction to the component with summary of the change status (green/yellow/red)

This page is listing community blogs on this component, follow this link to learn more.

This page is listing all changes which have been done on this component with corresponding test status (green: ok, red: not ok, yellow: untested), follow this link to learn more.

This page is listing all example applications with this component, follow this link to learn more.

This page will bring more "about" details (generated)

Name	Description	Group	Default	Visible
showNavButton [boolean]	Show Back Button Show Back Button	Display		true
title [String]	Title Title	Display	Page Title	true

Name	Description	Group	Default	Visible
onitemselect [ScriptText]	On Item Select On Item Select	Events		true
onnav [ScriptText]	On Back On Back	Events		true

Name	Parameters	Return
addHeaderButton [details]	buttonKey, buttonTitle, (showTitle), (icon), (buttonType)	void
addItem [details]	buttonKey, itemKey, itemText, (itemIcon)	void
getHeaderClicked [details]		String
getHeaderTextClicked [details]		String
getItemClicked [details]		String
getItemTextClicked [details]		String
getShowNavButton [details]		boolean
getTitle [details]		String
removeAllButtons [details]		void
removeAllItems [details]	buttonKey	void
removeHeaderButton [details]	buttonKey	void
removeItem [details]	buttonKey, itemKey	void
setShowNavButton [details]	visible	void
setTitle [details]	title	void

Name	Description	Group	Default	Visible
itemConfig [String]	Item Config Item Config	Display		false
selectedHeader [String]	Selected Header Key of Item Selected Header Key of Item	Display		false
selectedHeaderText [String]	Selected Header Text of Item Selected Header Text of Item	Display		false
selectedItem [String]	Selected Item Key Selected Item Key	Display		false
selectedItemText [String]	Selected Item Text Selected Item Text	Display		false

void addHeaderButton	Add a header button Add a header button called 'Menu' with no label show and a menu icon. FIORIAPPHEADER_1.addHeaderButton("MENU","Menu",false,"sap-icon://menu2","Emphasized"); Name Type Help buttonKey String Button Key buttonTitle String Button Title showTitle boolean [ optional ] Show Title icon String [ optional ] Icon buttonType String [ optional ] Button Type
Source Code	var o = eval(this.itemConfig);     var matchIndex = -1;     var sTitle = true;     if(showTitle != undefined) sTitle = showTitle;     var h;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex==-1) {       o.push({         key : buttonKey,         text : buttonTitle,         showTitle : sTitle,         icon : icon,         items : [],         type : buttonType || "Default"       });     }else{  // Don't overwrite items       o[matchIndex].text = buttonTitle;       o[matchIndex].showTitle = sTitle;       o[matchIndex].icon = icon;       o[matchIndex].type = buttonType || "Default";     }         itemConfig = JSON.stringify(o);
void addItem	Add an item to a header button.  Will also add the header button if it does not yet exist. Add an item called 'Help' to header button with key 'MENU' with an icon sys-help-2 FIORIBAR_1.addItem("MENU", "help", "Help", "sap-icon://sys-help-2"); Name Type Help buttonKey String Button Key itemKey String Item Key itemText String Item Text itemIcon String [ optional ] Item Icon
Source Code	var o = eval(this.itemConfig);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex == -1 ){  // Add section for the lazy       this.addHeaderButton(buttonKey, buttonKey);       o = eval(this.itemConfig);       matchIndex = o.length-1;     }     o[matchIndex].items.push({       key : itemKey,       text : itemText,       icon : itemIcon || ""     });     itemConfig = JSON.stringify(o);
String getHeaderClicked	Get header key of and item clicked.
Source Code	return this.selectedHeader;
String getHeaderTextClicked	Get header text of and item clicked.
Source Code	return this.selectedHeaderText;
String getItemClicked	Get item key clicked.
Source Code	return this.selectedItem;
String getItemTextClicked	Get item text clicked.
Source Code	return this.selectedItemText;
boolean getShowNavButton	/Returns true if the back button is shown, else false.
Source Code	return this.showNavButton;
String getTitle	/Returns the title.
Source Code	return this.title;
void removeAllButtons	Remove All Buttons Remove all button FIORIAPPHEADER_1.removeAllButtons();
Source Code	itemConfig = JSON.stringify([]);
void removeAllItems	Remove All Items in a header button by key Remove all items in header button key 'MENU' FIORIAPPHEADER_1.removeAllItems("MENU"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfig);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o[matchIndex].items = [];     itemConfig = JSON.stringify(o);
void removeHeaderButton	Remove a button by key Remove a header button called 'MENU' FIORIAPPHEADER_1.removeHeaderButton("MENU"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfig);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o.splice(matchIndex,1);     itemConfig = JSON.stringify(o);
void removeItem	Removes an item from a header button. Remove an item with key 'HELP' from header button with key 'MENU' FIORIBAR_1.removeItem("MENU", "HELP"); Name Type Help buttonKey String Button Key itemKey String Item Key
Source Code	var o = eval(this.itemConfig);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex != -1 ){       var items = o[matchIndex].items;       var itemIndex = -1;       for(var i=0;i<items.length;i++){         if(items[i].key == itemKey) itemIndex = i;       }       if(itemIndex>-1) items.splice(itemIndex,1);       itemConfig = JSON.stringify(o);     }
void setShowNavButton	/Shows or hides the back button. Name Type Help visible boolean If true then the back button is shown else it is hidden
Source Code	this.showNavButton = visible;
void setTitle	/Sets the title. Name Type Help title String Title
Source Code	this.title = title;