Interface TreeViewItemArgs

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? allowDrag? allowDrop? allowSelect? binding? children? class? dom? enabled? error? flex? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? grid? height? hidden? icon? id? ignoreParent? isRoot? link? onChange? onClick? onDeselect? onRemove? onResize? onSelect? open? parent? readOnly? resizable? resizeMax? resizeMin? scrollable? selected? style? tabIndex? text? width?

Properties

OptionalalignItems

alignItems?: string

Sets the Container's align items property.

OptionalallowDrag

allowDrag?: boolean

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

OptionalallowDrop

allowDrop?: boolean

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

OptionalallowSelect

allowSelect?: boolean

Whether the item can be selected. Defaults to true.

Optionalbinding

binding?: BindingBase

A binding to use with this Element.

Optionalchildren

children?: ReactNode

The children of the current component.

Optionalclass

class?: string | string[]

The class attribute of this Element's HTMLElement.

Optionaldom

dom?: string | HTMLElement

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

Optionalenabled

enabled?: boolean

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

Optionalerror

error?: boolean

Sets whether the Element is in an error state.

Optionalflex

flex?: boolean

Sets whether the element uses flex layout.

OptionalflexBasis

flexBasis?: string

Sets the element's flexBasis CSS property.

OptionalflexDirection

flexDirection?: string

Sets the element's flexDirection CSS property.

OptionalflexGrow

flexGrow?: string

Sets the element's flexGrow CSS property.

OptionalflexShrink

flexShrink?: string

Sets the element's flexShrink CSS property.

OptionalflexWrap

flexWrap?: string

Sets the element's flexWrap CSS property.

Optionalgrid

grid?: boolean

Sets whether the Container supports the grid layout.

Optionalheight

height?: number

Sets the initial height of the Element.

Optionalhidden

hidden?: boolean

Sets whether this Element is hidden. Defaults to false.

Optionalicon

icon?: string

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

Optionalid

id?: string

The id attribute of this Element's HTMLElement.

OptionalignoreParent

ignoreParent?: boolean

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

OptionalisRoot

isRoot?: boolean

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

Optionallink

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

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

OptionalonChange

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

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

OptionalonClick

onClick?: (() => void)

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

OptionalonDeselect

onDeselect?: (() => void)

Method to be called when the TreeViewItem is deselected.

OptionalonRemove

onRemove?: (() => void)

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

OptionalonResize

onResize?: (() => void)

Called when the Container has been resized.

OptionalonSelect

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

Method to be called when the TreeViewItem is selected.

Optionalopen

open?: boolean

Whether the item is open meaning showing its children.

Optionalparent

parent?: Element

Sets the parent Element.

OptionalreadOnly

readOnly?: boolean

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

Optionalresizable

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.

OptionalresizeMax

resizeMax?: number

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

OptionalresizeMin

resizeMin?: number

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

Optionalscrollable

scrollable?: boolean

Sets whether the Container should be scrollable.

Optionalselected

selected?: boolean

Whether the item is selected.

Optionalstyle

style?: string

Sets an initial value for Element.dom.style.

OptionaltabIndex

tabIndex?: number

Sets the tabIndex of the Element.

Optionaltext

text?: string

The text shown by the TreeViewItem.

Optionalwidth

width?: number

Sets the initial width of the Element.

Settings

Member Visibility

On This Page

Properties