PCUI API Reference - v5.2.0
    Preparing search index...

    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 Summary)

    Index

    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

    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 (showing its children). Defaults to false.

    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.

    Optionaltext

    text?: string

    The text shown by the TreeViewItem.

    width?: number

    Sets the initial width of the Element.

    Settings

    Member Visibility

    On This Page

    Properties