Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Occurs when item is double-clicked in TreeView component.

Event Data

eObjectAn event object which contains the item and mousePos objects


This event can be handled by binding the 'itemdblclick' event to the TreeView widget object.

The mousePos object associated with this event holds coordinates of mouse position relative to the parent page.

Version Information

Supported in: v1.0.


In this example we are showing how to handle the itemdblclick event in TreeView widget. Whenever an item is clicked, a pop-up message will appear stating which item is clicked.

$(document).ready(function() {

// Create an instance of TreeView widget

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


// Create a handler to the itemdblclick event


"itemdblclick": function(e){

alert("itemdblclick event was fired when " + e.object.text + " is clicked");



<!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