Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference

insertItemBefore(item, refItem)

Inserts a new item at position before specified item in TreeView widget.


itemObjectThe item to add to the tree collection
refItem ObjectA reference item before which the newly added item will be positioned

Return Value

This method does not return a value.

Version Information

Supported in: v1.0.


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

$(document).ready(function() {

// Create an instance of TreeView widget

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


var getItemCount = function(){

return $tree.treeview("getList").length + 1;



var createNewItem = function(){

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



var getCurrentSelection = function(){

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



$tree.treeview("insertItemBefore", createNewItem(), getCurrentSelection());


<!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"></div>





width: 300px;

height: 300px;



See Also