TabControl.selectItem Method

ListContainer.selectItem override.

Namespace: MindFusion.Common.UI
File: TabControl.js

 Syntax

JavaScript

function selectItem (item)

 Parameters

item

ListItem. The item to select.

 Example

The following code creates a TabControl using a reference to an HTML <div> element called "tabcontrol". It adds one TabPage to the control and selects that page:

JavaScript

function loadWindow(sender)
{
  // create a new instance of the TabControl control
  var tabControl = new ui.TabControl(document.getElementById("tabcontrol"));
  tabControl.width = tabControl.height = new ui.Unit(100, ui.UnitType.Percent);
  tabControl.tabStripSize = new ui.Unit(100, ui.UnitType.Pixel);
  tabControl.theme = "standard";  var tab = new ui.TabPage("«");
  tab.header.size = new ui.Unit(20);
  tab.header.interactive = false;
  tab.header.tooltip = "Previous Tab";
  tab.data = -1;
  tab.navigateUrl = "products.html";
  tab.templateUrl = "Window1.html";
  tab.allowClose = false;  tabControl.tabs.add(tab);
  tabControl.selectItem(tab);  sender.element.querySelector("#tabs").appendChild(tabControl.draw());
  tabControl.attach();
}