Class 

sap.ui.ux3.Shell


About

The Ux3 GoldReflection Shell, which is an application frame with navigation capabilities. It is supposed to be added to a direct child of the BODY tag of a page and there should be no other parts of the page consuming space outside the Shell.


Use

Use the ShellItem as child to the shell and set the parent position to desired object.

  • addContent
  • addHeaderItem
  • addPaneBarItem
  • addPaneContent
  • addToolPopup
  • addWorksetItem




Navigation between different objects with the Shell framework, you need to set new content. Only one content are visible at one time. 


Example:


// Get selected worksItem and change content

var worksetKey = oEvent.mParameters.key;

switch(worksetKey)

{

    case "Log":

    getOnlinetabLogAll();

        Shell.setContent(panelLog);

        break;

    case "LogSettings":

    Shell.setContent(matSettings);

        break;

    case "Users":

    getOnlinetabUsers();

    Shell.setContent(tabUsers);

        break;

    case "Report":

    Shell.setContent(panelReport);

        break;

    case "Home":

    getOnlinetabLog();

    Shell.setContent(matHome);

        break;

}




Preview