The arguments for the TreeViewItem constructor.

interface TreeViewItemArgs {
    alignItems?: string;
    allowDrag?: boolean;
    allowDrop?: boolean;
    allowSelect?: boolean;
    binding?: BindingBase;
    children?: ReactNode;
    class?: string | string[];
    dom?: string | HTMLElement;
    enabled?: boolean;
    error?: boolean;
    flex?: boolean;
    flexBasis?: string;
    flexDirection?: string;
    flexGrow?: string;
    flexShrink?: string;
    flexWrap?: string;
    grid?: boolean;
    height?: number;
    hidden?: boolean;
    icon?: string;
    id?: string;
    ignoreParent?: boolean;
    isRoot?: boolean;
    link?: {
        observer: Observer | Observer[];
        path: string | string[];
    };
    onChange?: ((value: any) => void);
    onClick?: (() => void);
    onDeselect?: (() => void);
    onRemove?: (() => void);
    onResize?: (() => void);
    onSelect?: ((deselect: (() => void)) => void);
    open?: boolean;
    parent?: Element;
    readOnly?: boolean;
    resizable?: string;
    resizeMax?: number;
    resizeMin?: number;
    scrollable?: boolean;
    selected?: boolean;
    style?: string;
    tabIndex?: number;
    text?: string;
    width?: number;
}

Hierarchy (view full)

Properties

alignItems?: string

Sets the Container's align items property.

allowDrag?: boolean

Whether this TreeViewItem can be dragged. Only considered if the parent TreeView has allowDrag set to true. Defaults to true.

allowDrop?: boolean

Whether dropping is allowed on the TreeViewItem. Defaults to true.

allowSelect?: boolean

Whether the item can be selected. Defaults to true.

binding?: BindingBase

A binding to use with this Element.

children?: ReactNode

The children of the current component.

class?: string | string[]

The class attribute of this Element's HTMLElement.

dom?: string | HTMLElement

The HTMLElement to create this Element with. If not provided this Element will create one.

enabled?: boolean

Sets whether it is possible to interact with this Element and its children.

error?: boolean

Sets whether the Element is in an error state.

flex?: boolean

Sets whether the element uses flex layout.

flexBasis?: string

Sets the element's flexBasis CSS property.

flexDirection?: string

Sets the element's flexDirection CSS property.

flexGrow?: string

Sets the element's flexGrow CSS property.

flexShrink?: string

Sets the element's flexShrink CSS property.

flexWrap?: string

Sets the element's flexWrap CSS property.

grid?: boolean

Sets whether the Container supports the grid layout.

height?: number

Sets the initial height of the Element.

hidden?: boolean

Sets whether this Element is hidden. Defaults to false.

icon?: string

The icon shown before the text in the TreeViewItem. Defaults to 'E360'.

id?: string

The id attribute of this Element's HTMLElement.

ignoreParent?: boolean

If true, this Element will ignore its parent's enabled value when determining whether this element is enabled. Defaults to false.

isRoot?: boolean

Sets whether this Element is at the root of the hierarchy.

link?: {
    observer: Observer | Observer[];
    path: string | string[];
}

Links the observer attribute at the path location in the given observer to this Element.

onChange?: ((value: any) => void)

If provided and the Element is changeable, this function will be called each time the element value is changed.

onClick?: (() => void)

If provided and the Element is clickable, this function will be called each time the element is clicked.

onDeselect?: (() => void)

Method to be called when the TreeViewItem is deselected.

onRemove?: (() => void)

If provided and the Element is removable, this function will be called each time the element is removed.

onResize?: (() => void)

Called when the Container has been resized.

onSelect?: ((deselect: (() => void)) => void)

Method to be called when the TreeViewItem is selected.

open?: boolean

Whether the item is open meaning showing its children.

parent?: Element

Sets the parent Element.

readOnly?: boolean

Whether this Element is read only or not. Defaults to false.

resizable?: string

Sets whether the Container is resizable and where the resize handle is located. Can be one of 'top', 'bottom', 'right', 'left'. Defaults to null which disables resizing.

resizeMax?: number

Sets the maximum size the Container can take when resized in pixels.

resizeMin?: number

Sets the minimum size the Container can take when resized in pixels.

scrollable?: boolean

Sets whether the Container should be scrollable.

selected?: boolean

Whether the item is selected.

style?: string

Sets an initial value for Element.dom.style.

tabIndex?: number

Sets the tabIndex of the Element.

text?: string

The text shown by the TreeViewItem.

width?: number

Sets the initial width of the Element.