LIDOR SYSTEMS

Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference


insertItemAfter(item, refItem)

Inserts a new item at position after specified item in Menu widget.

Parameters

ParamTypeDetails
itemObjectThe item to insert to the tree collection
refItem ObjectA reference item after which the newly added item will be positioned

Return Value

This method does not return a value.

Version Information

Supported in: v1.0.

Example

In this example we are showing how to use insertItemAfter method to place a new item after currently selected item used as a refrence item.

$(document).ready(function() {

// Create an instance of Menu widget

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

 

var getItemCount = function(){

return $bar.menu("getList").length + 1;

}

 

var createNewItem = function(){

return { text: "Item" + getItemCount() };

}

 

var getCurrentSelection = function(){

return $bar.menu("option", "selectedItem");

}

 

$bar.menu("insertItemAfter", createNewItem(), getCurrentSelection());

});

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

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

</body>

</html>

.widget

{

width: 600px;

height: 0;

}

Samples

See Also