Class Tree

A tree that can be expanded and collapsed, and can also have children.

Hierarchy (view full)

Widget
- Tree

Index

Constructors

Properties

arrowRef contentRef headerRef listeners ref titleRef value view

Methods

_init addClass append bind collapse destroy expand getConfig getRef initToggleOnClick loadConfig off on onClick removeClass setContent setText setTitle toggle trigger

Constructors

constructor

new Tree(title?, expanded?): Tree
Create a new tree that can be expanded and collapsed. You can add children to the tree with the addChild method so that they appear in the tree.
Parameters
- Optionaltitle: string = ''
  The title of the tree.
- Optionalexpanded: boolean = false
  Whether the tree is expanded.
Returns Tree
Overrides Widget.constructor
- Defined in widgets/Tree.ts:24

Properties

arrowRef

arrowRef: HTMLSpanElement

contentRef

contentRef: HTMLDivElement

headerRef

headerRef: HTMLDivElement

listeners

listeners: {
[key: string]: Function[];
}

ref

ref: HTMLDivElement

titleRef

titleRef: HTMLSpanElement

value

value: any

view

view: View

Methods

_init

_init(): void
Do the necessary initialization.

Returns void
Inherited from Widget._init
- Defined in widgets/GUIElement.ts:19

addClass

addClass(...classes): this
Add one or more classes to an element.
Parameters
- Rest...classes: string[]
Returns this
Inherited from Widget.addClass
- Defined in widgets/GUIElement.ts:28

append

append(widget): this
Add a child widget to the tree.
Parameters
- widget: Widget
Returns this
- Defined in widgets/Tree.ts:129

bind

bind(obj, prop): void
Parameters
- obj: object
- prop: string
Returns void
Inherited from Widget.bind
- Defined in widgets/Widget.ts:55

collapse

collapse(): this
Collapse the tree.

Returns this
- Defined in widgets/Tree.ts:94

destroy

destroy(): void
Destroy the element

Returns void
Inherited from Widget.destroy
- Defined in widgets/GUIElement.ts:53

expand

expand(): this
Expand the tree.

Returns this
- Defined in widgets/Tree.ts:104

getConfig

getConfig(): object
The getConfig function returns a JSON representation of all values in the tree.

Returns object
- Defined in widgets/Tree.ts:150

getRef

getRef(): HTMLElement
Returns HTMLElement
Inherited from Widget.getRef
- Defined in widgets/GUIElement.ts:46

initToggleOnClick

initToggleOnClick(): void
Returns void
- Defined in widgets/Tree.ts:134

loadConfig

loadConfig(config): Tree
The loadConfig function loads a JSON object into the tree.
Parameters
- config: object
Returns Tree
- Defined in widgets/Tree.ts:157

off

off(event, callback): void
Parameters
- event: string
- callback: Function
Returns void
Inherited from Widget.off
- Defined in EventSupport.ts:16

on

on(event, callback): void
Parameters
- event: string
- callback: Function
Returns void
Inherited from Widget.on
- Defined in EventSupport.ts:11

onClick

onClick(f): this
Add a click event listener to the widget.
Parameters
- f: Function
  The function to call when the widget is clicked.
Returns this
Inherited from Widget.onClick
- Defined in widgets/Widget.ts:50

removeClass

removeClass(...classes): this
Remove one or more classes from an element.
Parameters
- Rest...classes: string[]
Returns this
Inherited from Widget.removeClass
- Defined in widgets/GUIElement.ts:38

setContent

setContent(html): this
Set the content of the tree.
Parameters
- html: string
Returns this
Overrides Widget.setContent
- Defined in widgets/Tree.ts:85

setText

setText(value): this
Set the text of the widget.
Parameters
- value: string
  The value to set the text to.
Returns this
Inherited from Widget.setText
- Defined in widgets/Widget.ts:40

setTitle

setTitle(html): this
Set the title of the tree.
Parameters
- html: string
Returns this
- Defined in widgets/Tree.ts:75

toggle

toggle(): this
Toggle the tree between collapsed and expanded.

Returns this
- Defined in widgets/Tree.ts:114

trigger

trigger(event, ...args): void
Parameters
- event: string
- Rest...args: any[]
Returns void
Inherited from Widget.trigger
- Defined in EventSupport.ts:22