LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


grouprightclick(e)

Occurs when group header is clicked using right mouse button in Accordion.

Event Data

ParamTypeDetails
eObjectAn event object which contains the group and mousePos objects

Remarks

This event can be handled by binding the 'grouprightclick' event to the Accordion 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.

Example

In this example we are showing how to handle the grouprightclick event in Accordion widget. Whenever a group header is clicked using the right mouse button, a pop-up message will appear stating which group is clicked.

$(document).ready(function() {

// Create an instance of Accordion widget

var $bar = $('#accordion').accordion();

 

// Create a handler to the grouprightclick event

$bar.on({

"grouprightclick": function(e){

alert("grouprightclick event was fired when header of " + e.object.text + " is clicked using the right mouse button.");

});

});

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

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

<h3><span>Group1</span></h3>

<div></div>

<h3><span>Group2</span></h3>

<div></div>

<h3><span>Group3</span></h3>

<div></div>

</div>

</body>

</html>

.widget

{

width: 300px;

height: 300px;

}

Samples

See Also