Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


Occurs after all items are removed from the Menu or from specified parent item.

Event Data

eObjectAn event object which contains the parent item from which items are removed


This event can be handled by binding the 'clear' event to the Menu widget object.

If all items are removed from the Menu, parent object within the event data is set to null.

Version Information

Supported in: v1.0.


In this example we are showing how to handle clear event in Menu widget. This event is fired only when clearItems method is called.

$(document).ready(function() {

// Create an instance of Menu widget

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


var clearAllItems = function(){




"clear": function(e){

console.log("clear event was fired, all items are removed");



<!DOCTYPE html>



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



<button type="button" onclick="clearAllItems()" />Clear</button>

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







<li ><span>MenuItem23</span></li>



<li ><span>MenuItem232</span>












<li ><span>MenuItem3</span></li>













width: 600px;

height: 0;



See Also