LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


getList()

Gets the list of all tabs present in TabStrip.

Parameters

This method doesn't have any parameters.

Return Value

An array that represents the list of tabs.

Version Information

Supported in: v1.0.

Example

In this example we are showing how to call getList method.

$(document).ready(function() {

// Create an instance of TabStrip widget

var $tab = $('#tabstrip').tabstrip();

 

// Get a list of all tabs in TabStrip

$tab.tabstrip("getList");

});

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="css/integralui.tabstrip.css" />

<link rel="stylesheet" href="css/themes/theme-blue.css" />

<script type="text/javascript" src="external/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.core.min.js"></script>

<script type="text/javascript" src="external/jquery.ui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.widget.min.js"></script>

<script type="text/javascript" src="js/jquery.integralui.tabstrip.min.js"></script>

</head>

<body>

<div id="tabstrip" class="widget">

    <li><span>Tab 1</span></li>

    <li><span>Tab 2</span></li>

    <li><span>Tab 3</span></li>

<div></div>

<div></div>

<div></div>

</div>

</body>

</html>

.widget

{

width: 300px;

height: 300px;

}

See Also