Skip to content

monster.ui.loadTab()#

The monster.ui.loadTab() method programmatically loads the navbar tab corresponding to the tab ID passed as argument.

Syntax#

monster.ui.loadTab(thisArg, id);

Parameters#

Key Description Type Default Required
thisArg Context of the app invoking the helper. Object true
id Unique ID referencing a navbar tab of the app. String true

Description#

This helper is used to virtually trigger a click on a navbar tab so that the callback related to that tab is called. It is powerful in a sense that all the navbar animations are performed accordingly and also take into account if that tab has a onClick bypass callback.

The utility of this helper can be found when a user performs an action that need to load content located in another tab.

Examples#

Load the content of another tab#

function render() {
  monster.ui.generateLayout(app, {
    menus: [{
      tabs: [{
        id: 'devices',
        title: 'List Devices',
        callback: renderListDevices
      }, {
        id: 'users',
        title: 'List Users',
        callback: renderListUsers
      }]
    }]
  });
}

function renderListDevices() {
  monster.ui.loadTab(app, 'users');
}

function renderListUsers() {
  monster.ui.loadTab(app, 'devices');
}
Specify an id when declaring the tabs in render() function. This example is just an easy way to show how the helper works and does not have a real purpose.