Mashup Builder > Widgets > Tree Widget
  
Tree Widget
The tree widget displays a tree using a dataset that contains nested infotables.
View the following video tutorial for more information: How to Use the Tree Widget.
Properties
For information about common widget properties, see Widgets. Properties that are specific to the Tree widget are described in the table below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
CustomClass
User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space.
STRING
n/a
Y
N
AutoSelectFirstRow
Automatically displays the first row of data when new data is entered
BOOLEAN
false
N
N
LabelField
Field to use for tree labels
n/a
N
N
TooltipField
Field to use for tooltips
n/a
N
N
ValueField
Field to use for tree values
n/a
N
N
IDField
Field that uniquely identifies a tree node
n/a
N
N
ParentIDField
Field that uniquely identifies the parent of a tree node
n/a
N
N
RootParentID
The ID of the node above the tree’s root. Root directories on Remote Things will report their parent as / (forward slash). Set to / to display directories of Remote Things.
STRING
"" (empty string)
N
N
TreeFormatter
Style formatting rules for tree item labels
n/a
n/a
N
N
ClosedNodeFormatter
Style formatting rules for closed tree item images
n/a
n/a
N
N
OpenNodeFormatter
Style formatting rules for open tree item images
n/a
n/a
N
N
NoChildFormatter
Style formatting rules for tree item images without child items
n/a
n/a
N
N
SelectedLabel
The currently selected label
STRING
n/a
Y
N
SelectedValue
The currently selected value
STRING
n/a
Y
N
SelectedBreadcrumb
The currently selected breadcrumb. The default value is shown before a node in the tree is selected.
STRING
n/a
Y
N
Data
Bindable data source
INFOTABLE
n/a
Y
N
CollapseChildren
A numeric value. The defined value determines the level of the tree that is collapsed on the initial load. Set to 1 to have a completely collapsed tree upon initial load.
NUMBER
99
N
N