MindFusion.Common.UI.TreeView Class | JavaScript Component Suite

TreeView Class

Represents a tree view control.

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

Syntax

JavaScript Copy Code
// 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 Copy Code
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);

JavaScript

Copy Code

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

Syntax

Remarks

Example

Inheritance Hierarchy

See Also