TreeView Class

Represents a tree view control.

Namespace: MindFusion.Common.UI
File: TreeView.js

 Syntax

JavaScript

// class
TreeView.prototype = {}

 Remarks

TreeView is also available as a React component.

 Example

The following code creates a new TreeView element using a <div> element with id "treeview" initialized in an HTML page. Then it creates a TreeNode item and adds it to the items collection of the TreeView.

JavaScript

var treeView = new ui.TreeView(document.getElementById("treeView"));
treeView.width = treeView.height = ui.Unit.percentage(100);
treeView.theme = theme;// create a tree node that will be a root in our hierarchy
var root = new ui.TreeNode("body");
root.expanded = true;
treeView.items.add(root);

 Inheritance Hierarchy

MindFusion.Common.UI.Control
    MindFusion.Common.UI.ListContainer
        MindFusion.Common.UI.TreeView