Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Checks whether the item is in expanded state in TreeView.


type (optional)StringA String which determines the type of scrollbar

Return Value

True if the scrollbar is visible, otherwise false.

Type parameter can accept either: 'horizontal' or 'vertical' values. Depending on its value, a check for horizontal or vertical scrollbar visibility is determined. If this parameter is omitted, the check is processed in both cases.

Version Information

Supported in: v1.0.


In this example we are showing how to check whether currently selected item is expanded or not in TreeView.

$(document).ready(function() {

// Create an instance of TreeView widget

var $tree = $('#treeview').treeview();


var getCurrentSelection = function(){

return $tree.treeview("option", "selectedItem");



var checkExpanded = function(){

if ($tree.treeview("isItemExpanded", getCurrentSelection()))

alert("Currently selected item is expanded");


alert("Currently selected item is not expanded");



<!DOCTYPE html>



<link rel="stylesheet" href="css/integralui.treeview.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.treeview.min.js"></script>



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







<li data-expanded=false><span>Item23</span></li>



<li data-expanded=false><span>Item232</span>












<li data-expanded=false><span>Item3</span></li>













width: 300px;

height: 300px;


See Also