TreeView.fromObject Method

Loads the TreeView items from a data object.

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

 Syntax

JavaScript

function fromObject (data)

 Parameters

data

Object. The object containing the tree view data.

 Example

The following code creates a new TreeView and loads its data from an object.

JavaScript

var data = [
       {
        title: "Activities",
        href: "Activities.html",
        items: [
              { title: "Shows how to create an activity timetable. \n" +
      "Planner, Charts, ListView, Virtual Keyboard", cssClass: "description"
              }]
       },
    {
     title: "Chat",
     href: "Chat.html",
     items: [
      { title: "A chat-like application. \n" +
      "WindowHost, ListView, ToolStrip, Tooltip", cssClass: "description"
      }]
    },
       {
        title: "DomInspector",
        href: "DomInspector.html",
        items: [
              { title: "Shows how to build a dynamic tree. \n" +
      "Diagram, TreeView, ListView, Tooltip", cssClass: "description"
              }]
       },
    {
     title: "FlipMatch",
     href: "FlipMatch.html",
     items: [
      { title: "The classic memory game. \n" +
      "Diagram, Dialogs, Gauges", cssClass: "description"
      }]
    },
       {
        title: "ServerLoad",
        href: "ServerLoad.html",
        items: [
              { title: "A sample server load web application. \n" +
      "Diagram, Gauges, Charts", cssClass: "description"
              }]
       },
    {
     title: "SimpleBrowser",
     href: "SimpleBrowser.html",
     items: [
      { title: "A TabControl based web browser application. \n" +
      "TabControl, ToolStrip", cssClass: "description"
      }]
    },
    {
     title: "TemperatureLog",
     href: "TemperatureLog.html",
     items: [
      { title: "A temperature data logger application. \n" +
      "Planner, Charts, Window, Gauges", cssClass: "description"
      }]
    }
    ];var treeView = new ui.TreeView(document.getElementById("treeView"));
treeView.width = treeView.height = ui.Unit.percentage(100);
treeview.fromObject(data);