Content:
- Examples
- Properties
- Methods

A TreeView is a hierarchical representation of data, often used to display nested categories or organized information.*

var items = {
"Group 1": {
"Item 1": "",
"Item 2": "",
"Item 3": ""
},
"Group 2": {
"Item 1": "",
"Item 2": "",
"Item 3": ""
},
"Applications": {
"Editor": "",
"Productivity": "",
"Social Media": {
"TikTok": "",
"YouTube": "",
"Meta": {
"Facebook": "",
"Instagram": "",
"Whatsapp": "",
"Messenger": ""
}
}
}
}

`var items = {"Group 1": {"Item 1": "","Item 2": "","Item 3": ""},"Group 2": {"Item 1": "","Item 2": "","Item 3": ""},"Applications": {"Editor": "","Productivity": "","Social Media": {"TikTok": "","YouTube": "","Meta": {"Facebook": "","Instagram": "","Whatsapp": "","Messenger": ""}}}}`


The properties of the list object will be the name of the item or the group.

trv = ui.addTreeView( parent, list?, options?, width?, height? ) → ui object: TreeView

If you add a string value to the list object properties, it will be treated as an icon.
See example below

#Example - Items with iconsvar items = {"Folders": {"Music": "music_note","Photos": "photo","Favorites": "favorite"}}

Here are the available methods of the TreeView Component.

Examples

Example - Basic TreeView click to expand contents 

Properties

The following properties are available on the TreeView object:

absHeight → Number
absLeft → Number
absTop → Number
absWidth → Number
backColor → String
backImage → String
border → Number
borderColor → String
borderStyle → String
cornerRadius → Number
disabled → Boolean
el → Object
elStyle → String
fontFile → String
height → Number
isVisible → Boolean
left → Number
list → Object
margins → List
opacity → Number
options → String
padding → List
parent → Object
position → Object
rotation → Number
textColor → String
textSize → Number
top → Number
type → String
value → String
visibility → String
width → Number

Methods

The following methods are available on the TreeView object:

addItem( name, obj )
animate( anim, duration )
bringForward( zIndex )
destroy()
getItem( name ) → Object
getPosition( options ) → Object
gone()
hide()
sendBackward( zIndex )
setBorder( left?, top?, right?, bottom?, clr?, style? )
setCornerRadius( tl?, tr?, br?, bl?, mode? )
setList( obj )
setMargins( left?, top?, right?, bottom?, mode? )
setOnContextMenu( callback )
setOnTouch( callback )
setPadding( left?, top?, right?, bottom?, mode? )
setPosition( left, top, mode )
setScale( x, y )
setSize( width, height, mode )
show()