Advanced User Interface Controls and Components

IntegralUI Web

Documentation and API Reference

addItem(item, parent)

Adds a new item to the tree collection in TreeView widget.


itemObjectThe item to add to the tree collection
parent (optional)ObjectThe item which will represent the parent of the newly added item

Return Value

This method does not return a value.

Version Information

Supported in: v1.0.


In this example we are showing how to call addItem method. Because parent item is not specified all new items will be added to the root of tree hierarchy.

$(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() };



$tree.treeview("addItem", createNewItem());


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