Class TreeComponent

Implements

OnInit
OnDestroy

Index

Constructors

Accessors

AnimateExpandCollapse AutoLoad BranchConfig EmptyIcon EmptyMessage EnableKeyboardNavigation ExpandedIDs IndentSize KeyboardConfig LeafConfig SelectableTypes SelectedIDs SelectionMode ShowBadges ShowDescriptions ShowExpandCollapseAll ShowIcons ShowLoading StyleConfig

Constructors

constructor

new TreeComponent(cdr: ChangeDetectorRef, elementRef: ElementRef): TreeComponent
Parameters
- cdr: ChangeDetectorRef
- elementRef: ElementRef
Returns TreeComponent
- Defined in trees/src/lib/tree/tree.component.ts:352

Properties

AfterDataLoad

AfterDataLoad: EventEmitter<AfterDataLoadEventArgs> = ...

AfterKeyboardNavigate

AfterKeyboardNavigate: EventEmitter<AfterKeyboardNavigateEventArgs> = ...

AfterNodeClick

AfterNodeClick: EventEmitter<AfterNodeClickEventArgs> = ...

AfterNodeCollapse

AfterNodeCollapse: EventEmitter<AfterNodeCollapseEventArgs> = ...

AfterNodeDeselect

AfterNodeDeselect: EventEmitter<AfterNodeDeselectEventArgs> = ...

AfterNodeDoubleClick

AfterNodeDoubleClick: EventEmitter<AfterNodeDoubleClickEventArgs> = ...

AfterNodeExpand

AfterNodeExpand: EventEmitter<AfterNodeExpandEventArgs> = ...

AfterNodeSelect

AfterNodeSelect: EventEmitter<AfterNodeSelectEventArgs> = ...

AllBranches

AllBranches: TreeNode[] = []

All branch nodes (flat)

AllLeaves

AllLeaves: TreeNode[] = []

All leaf nodes (flat)

BeforeDataLoad

BeforeDataLoad: EventEmitter<BeforeDataLoadEventArgs> = ...

BeforeKeyboardNavigate

BeforeKeyboardNavigate: EventEmitter<BeforeKeyboardNavigateEventArgs> = ...

BeforeNodeClick

BeforeNodeClick: EventEmitter<BeforeNodeClickEventArgs> = ...

BeforeNodeCollapse

BeforeNodeCollapse: EventEmitter<BeforeNodeCollapseEventArgs> = ...

BeforeNodeDeselect

BeforeNodeDeselect: EventEmitter<BeforeNodeDeselectEventArgs> = ...

BeforeNodeDoubleClick

BeforeNodeDoubleClick: EventEmitter<BeforeNodeDoubleClickEventArgs> = ...

BeforeNodeExpand

BeforeNodeExpand: EventEmitter<BeforeNodeExpandEventArgs> = ...

BeforeNodeSelect

BeforeNodeSelect: EventEmitter<BeforeNodeSelectEventArgs> = ...

CurrentSearchText

CurrentSearchText: string = ''

Current search text (for highlighting)

DefaultExpansion

DefaultExpansion: "none" | "first-level" | "all" = 'first-level'

Initial expansion applied when ExpandedIDs is null: 'first-level' (default) expands only the root branches, 'all' expands every branch (small pickers where the whole catalog should be visible), 'none' starts fully collapsed.

ErrorMessage

ErrorMessage: string | null = null

Error message if load failed

FocusedNode

FocusedNode: TreeNode | null = null

Currently focused node (for keyboard navigation)

IsLoaded

IsLoaded: boolean = false

Has data been loaded

IsLoading

IsLoading: boolean = false

Loading state

Nodes

Nodes: TreeNode[] = []

Root nodes of the tree

SelectedNodes

SelectedNodes: TreeNode[] = []

Currently selected nodes

SelectionChange

SelectionChange: EventEmitter<TreeNode[]> = ...

Emitted when selection changes (convenience event with just the selected nodes)

Accessors

AnimateExpandCollapse

get AnimateExpandCollapse(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:276
set AnimateExpandCollapse(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:273

AutoLoad

get AutoLoad(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:236
set AutoLoad(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:233

BranchConfig

get BranchConfig(): TreeBranchConfig
Returns TreeBranchConfig
- Defined in trees/src/lib/tree/tree.component.ts:75
set BranchConfig(value: TreeBranchConfig): void
Parameters
- value: TreeBranchConfig
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:64

EmptyIcon

get EmptyIcon(): string
Returns string
- Defined in trees/src/lib/tree/tree.component.ts:226
set EmptyIcon(value: string): void
Parameters
- value: string
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:223

EmptyMessage

get EmptyMessage(): string
Returns string
- Defined in trees/src/lib/tree/tree.component.ts:216
set EmptyMessage(value: string): void
Parameters
- value: string
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:213

EnableKeyboardNavigation

get EnableKeyboardNavigation(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:166
set EnableKeyboardNavigation(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:163

ExpandedIDs

get ExpandedIDs(): string[] | null
Returns string[] | null
- Defined in trees/src/lib/tree/tree.component.ts:138
set ExpandedIDs(value: string[] | null): void
Parameters
- value: string[] | null
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:135

IndentSize

get IndentSize(): number
Returns number
- Defined in trees/src/lib/tree/tree.component.ts:196
set IndentSize(value: number): void
Parameters
- value: number
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:193

KeyboardConfig

get KeyboardConfig(): TreeKeyboardConfig
Returns TreeKeyboardConfig
- Defined in trees/src/lib/tree/tree.component.ts:176
set KeyboardConfig(value: TreeKeyboardConfig): void
Parameters
- value: TreeKeyboardConfig
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:173

LeafConfig

get LeafConfig(): TreeLeafConfig | undefined
Returns TreeLeafConfig | undefined
- Defined in trees/src/lib/tree/tree.component.ts:93
set LeafConfig(value: TreeLeafConfig | undefined): void
Parameters
- value: TreeLeafConfig | undefined
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:82

SelectableTypes

get SelectableTypes(): TreeSelectableTypes
Returns TreeSelectableTypes
- Defined in trees/src/lib/tree/tree.component.ts:113
set SelectableTypes(value: TreeSelectableTypes): void
Parameters
- value: TreeSelectableTypes
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:110

SelectedIDs

get SelectedIDs(): string[]
Returns string[]
- Defined in trees/src/lib/tree/tree.component.ts:128
set SelectedIDs(value: string[]): void
Parameters
- value: string[]
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:120

SelectionMode

get SelectionMode(): TreeSelectionMode
Returns TreeSelectionMode
- Defined in trees/src/lib/tree/tree.component.ts:103
set SelectionMode(value: TreeSelectionMode): void
Parameters
- value: TreeSelectionMode
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:100

ShowBadges

get ShowBadges(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:266
set ShowBadges(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:263

ShowDescriptions

get ShowDescriptions(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:256
set ShowDescriptions(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:253

ShowExpandCollapseAll

get ShowExpandCollapseAll(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:156
set ShowExpandCollapseAll(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:153

ShowIcons

get ShowIcons(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:246
set ShowIcons(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:243

ShowLoading

get ShowLoading(): boolean
Returns boolean
- Defined in trees/src/lib/tree/tree.component.ts:206
set ShowLoading(value: boolean): void
Parameters
- value: boolean
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:203

StyleConfig

get StyleConfig(): TreeStyleConfig
Returns TreeStyleConfig
- Defined in trees/src/lib/tree/tree.component.ts:186
set StyleConfig(value: TreeStyleConfig): void
Parameters
- value: TreeStyleConfig
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:183

Methods

ClearCache

ClearCache(): void
Clear cache (call before Refresh if you want fresh data)

Returns void
- Defined in trees/src/lib/tree/tree.component.ts:557

ClearSelection

ClearSelection(): void
Clear selection

Returns void
- Defined in trees/src/lib/tree/tree.component.ts:438

CollapseAll

CollapseAll(): void
Collapse all nodes

Returns void
- Defined in trees/src/lib/tree/tree.component.ts:458

ExpandAll

ExpandAll(): void
Expand all nodes

Returns void
- Defined in trees/src/lib/tree/tree.component.ts:450

ExpandToNode

ExpandToNode(id: string): TreeNode | null
Expand to specific node (expands all ancestors)
Parameters
- id: string
Returns TreeNode | null
- Defined in trees/src/lib/tree/tree.component.ts:466

FilterNodes

FilterNodes(
    searchText: string,
    options?: {
        caseSensitive?: boolean;
        searchBranches?: boolean;
        searchDescription?: boolean;
        searchLeaves?: boolean;
    },
): TreeNode[]
Filter nodes by search text
Parameters
- searchText: string
- options: {
      caseSensitive?: boolean;
      searchBranches?: boolean;
      searchDescription?: boolean;
      searchLeaves?: boolean;
  } = {}
Returns TreeNode[]
- Defined in trees/src/lib/tree/tree.component.ts:507

FindNode

FindNode(id: string): TreeNode | null
Find node by ID
Parameters
- id: string
Returns TreeNode | null
- Defined in trees/src/lib/tree/tree.component.ts:487

FindNodes

FindNodes(predicate: (node: TreeNode) => boolean): TreeNode[]
Get all nodes matching a predicate
Parameters
- predicate: (node: TreeNode) => boolean
Returns TreeNode[]
- Defined in trees/src/lib/tree/tree.component.ts:494

getContainerClasses

getContainerClasses(): Record<string, boolean>
Get container classes

Returns Record<string, boolean>
- Defined in trees/src/lib/tree/tree.component.ts:1783

getHighlightedLabel

getHighlightedLabel(node: TreeNode): string
Get label HTML with search text highlighted
Parameters
- node: TreeNode
Returns string
- Defined in trees/src/lib/tree/tree.component.ts:1802

getNodeClasses

getNodeClasses(node: TreeNode): Record<string, boolean>
Get CSS classes for a node
Parameters
- node: TreeNode
Returns Record<string, boolean>
- Defined in trees/src/lib/tree/tree.component.ts:1761

getNodePadding

getNodePadding(node: TreeNode): string
Get the padding for a node based on its level
Parameters
- node: TreeNode
Returns string
- Defined in trees/src/lib/tree/tree.component.ts:1748

GetSelectedIDs

GetSelectedIDs(): string[]
Get selected IDs

Returns string[]
- Defined in trees/src/lib/tree/tree.component.ts:394

GetSelectedNodes

GetSelectedNodes(): TreeNode[]
Get currently selected nodes

Returns TreeNode[]
- Defined in trees/src/lib/tree/tree.component.ts:387

ngOnDestroy

ngOnDestroy(): void
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns void
Implementation of OnDestroy.ngOnDestroy
- Defined in trees/src/lib/tree/tree.component.ts:368

ngOnInit

ngOnInit(): void
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Returns void
Implementation of OnInit.ngOnInit
- Defined in trees/src/lib/tree/tree.component.ts:361

onKeyDown

onKeyDown(event: KeyboardEvent): void
Parameters
- event: KeyboardEvent
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:635

onNodeClick

onNodeClick(node: TreeNode, event: MouseEvent): void
Handle node click
Parameters
- node: TreeNode
- event: MouseEvent
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:568

onNodeDoubleClick

onNodeDoubleClick(node: TreeNode, event: MouseEvent): void
Handle node double-click
Parameters
- node: TreeNode
- event: MouseEvent
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:603

onToggleClick

onToggleClick(node: TreeNode, event: MouseEvent): void
Handle toggle click
Parameters
- node: TreeNode
- event: MouseEvent
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:625

Refresh

Refresh(): Promise<void>
Reload tree data (forces fresh load from database)

Returns Promise<void>
- Defined in trees/src/lib/tree/tree.component.ts:379

SelectNodes

SelectNodes(ids: string[], emitChange?: boolean): void
Programmatically select node(s)
Parameters
- ids: string[]
- emitChange: boolean = true
  Whether to emit SelectionChange event (default: true). Set to false during sync operations to avoid unnecessary events.
Returns void
- Defined in trees/src/lib/tree/tree.component.ts:403

trackNode

trackNode(index: number, node: TreeNode): string
Track nodes for ngFor
Parameters
- index: number
- node: TreeNode
Returns string
- Defined in trees/src/lib/tree/tree.component.ts:1795

Class TreeComponent

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns TreeComponent

Properties

AfterDataLoad

AfterKeyboardNavigate

AfterNodeClick

AfterNodeCollapse

AfterNodeDeselect

AfterNodeDoubleClick

AfterNodeExpand

AfterNodeSelect

AllBranches

AllLeaves

BeforeDataLoad

BeforeKeyboardNavigate

BeforeNodeClick

BeforeNodeCollapse

BeforeNodeDeselect

BeforeNodeDoubleClick

BeforeNodeExpand

BeforeNodeSelect

CurrentSearchText

DefaultExpansion

ErrorMessage

FocusedNode

IsLoaded

IsLoading

Nodes

SelectedNodes

SelectionChange

Accessors

AnimateExpandCollapse

Returns boolean

Parameters

Returns void

AutoLoad

Returns boolean

Parameters

Returns void

BranchConfig

Returns TreeBranchConfig

Parameters

Returns void

EmptyIcon

Returns string

Parameters

Returns void

EmptyMessage

Returns string

Parameters

Returns void

EnableKeyboardNavigation

Returns boolean

Parameters

Returns void

ExpandedIDs

Returns string[] | null

Parameters

Returns void

IndentSize

Returns number

Parameters

Returns void

KeyboardConfig

Returns TreeKeyboardConfig

Parameters

Returns void

LeafConfig

Returns TreeLeafConfig | undefined

Parameters

Returns void